Question

我是一名优雅降级的亲戚，并希望在刚刚上线的网站上提供一些提示。我知道在这一点上，布局在IE 8或更低版本中完全被打破，并希望看到我能做多少工作来使事情无需大规模改造。

www.unccti.org

例如，在IE 8上，它看起来像：

应该看起来像：

主要问题是旧内容浏览器上的内容完全难以理解，而且有些用户实际上错误地认为这是该网站的目的，以便被视为“时尚”。我已经包含了一个脚本来通知用户他们的浏览器已经过时，但我想至少看看我是否可以在IE8上获得这种温和的功能。我假设7是一个失败的原因。

我还尝试过但没有结果：

normalize.css和
HTML5Shiv

感谢您的帮助。

Answer 1

解决问题并不困难IE8此外，还有很多方法可以让IE8看起来不错，而且你的网站布局很容易完成。

我发现有两个问题导致网站在IE8

中看起来很糟糕

1）一些html5标签 2）一些CSS3属性

将以下内容添加到您网站的主标记处;

<!--[if lt IE 8]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

Respond.js Usage

我希望网站在IE8中看起来会更好。此外，您可以为IE8添加自定义样式表，并且可以使事情变得更好;

 <!--[if lt IE 8]>
       <link href="css/for-ie8-only.css" rel="stylesheet">
<![endif]-->

最后但并非最不重要，我建议使用Modernizer。如果您使用的是html5/css3。

您可以在HTML5 & CSS3 Support（在不同的浏览器中）查看哪个浏览器支持的内容。

像你这样的相关问题。

how to make css3 and html5 compatible website for all browsers including IE7 and later

祝你好运！

Answer 2

我不确定IE7，但我认为你可以获得对IE8的不错支持。我根据自己的个人经验发现，IE8的大部分问题源于对某些CSS功能缺乏支持。

我查看了您的网站，发现您使用的是IE8中不支持的CSS功能，例如：nth-child。

以下是功能支持列表 - http://www.standardista.com/css3/css3-selector-browser-support/

我的解决方案是添加IE8特定的样式表和javascript文件。我会在所有其他包含文件之后包含这些文件，因此最后会应用它们。然后我会根据需要覆盖特定元素。我会使用javascript文件根据需要更正无法使用CSS文件修复的问题。

<!--[if IE 8]>
    <link rel="stylesheet" href="/css/ie8.css")" type="text/css" media="screen">
    <script type="text/javascript" src="/js/ie8.js")"></script>
<![endif]-->

Internet Explorer 8兼容性问题

2 个答案: