我的网站在 IE 9 上是一场灾难，更少 [关闭]

Posted 2023-03-05

【中文标题】我的网站在 IE 9 上是一场灾难，更少 [关闭]

【英文标题】：my website is a disaster on IE 9 and less [closed]

【发布时间】：2014-06-09 19:04:59

【问题描述】：

我一直在开发一个可以在所有浏览器上完美运行的网站，包括 IE 11，但是当我在 IE 8 和 9 上尝试它时，它变成了一个丑陋的令人难以置信的 caos，我的 css 无法正常工作，（至少大部分），我的 javascript 工作得非常糟糕。这是我的网站：http://dev.ux-pm.com

您可以想象，在我的网站截止日期之前，我对这个事实感到恐惧，所以如果有人能给我提供有关如何解决此问题的标题，我将不胜感激。

我正在使用 CSS3、html5 和 jQuery 1.11.0

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Short, Self Contained, Correct Example (SSCCE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！

使用 HTML5 Shiv en.wikipedia.org/wiki/HTML5_Shiv 它应该对您有所帮助。它“修复”了一些 IE 9 及更低版本无法控制的 CSS 内容

如果您使用所有 HTML5 和 CSS3 的东西，那么有些可能无法工作，因为较低版本的 IE 不支持它们.. P.S.欢迎来到 IE 地狱的世界..

你的网站在平板电脑等上也很糟糕。我认为你应该在 ie9 之前解决这个问题，减少问题！

它不应该在僵化的浏览器中运行，您的网站包含太多他们不知道如何阅读的新内容。

【参考方案1】：

小心波兰和法国国旗！

在你的 css 文件中，你声明它：

#Poland
    position:absolute;
    z-index: 1;
    top:110px;
    left:404px;
    display:none;

但你必须像这样用小写写波兰和法国：

#poland
    position:absolute;
    z-index: 1;
    top:110px;
    left:404px;
    display:none;


#france
    position:absolute;
    z-index:1;
    top:128px;
    left:364px;
    display:none;

【参考方案2】：

看起来你需要一个 doctype http://validator.w3.org/check?uri=http%3A%2F%2Fdev.ux-pm.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

这可能会清除一些在旧版本的 IE 上看起来有问题的问题，但这不一定能解决所有问题。验证并不是万能的，但我确实发现代码越合规，错误发生的可能性就越小。

【讨论】：

Lee 成功了，我只需要添加 。我不知道为什么会出现这个问题，但现在它是完美的。谢谢。

【参考方案3】：

尝试实现这个插件，看看情况会不会好一些。

https://code.google.com/p/css3-mediaqueries-js/（您需要使用 sintax @media 屏幕的媒体查询和....）

http://selectivizr.com/

反正还有很多作品。 只有一半的网站是响应式的，一些响应式部分破坏了布局（例如顶部菜单）