Internet 8兼容性问题

Question

我是一个相对的新手在优雅的程度，并希望在一个网站上的一些提示，刚刚上线。我知道，在这一点上，布局是完全打破在IE8或更低，并想看看我能做多少工作，使事情没有大规模的大修。

www.unccti.org

例如，在IE8上，它看起来是：

http://unccti.org/unc-cti-ie8.png

它看起来应该是：

http://unccti.org/unc-cti-modern.png

主要的问题是，这些内容在较旧的浏览器上是完全看不清的，而且一些用户实际上错误地认为，这就是该网站的目的是为了被视为“风格”。我已经包含了一个脚本来通知用户，当他们的浏览器过时时，但我至少想看看我是否可以在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使用

我希望网站在IE8上看起来会好得多。此外，您还可以为IE8添加一个自定义样式表，并在这方面做得更好；

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

最后但并非最不重要的是，我建议使用现代化者。如果您正在使用html5/css3。

您可以检查HTML5 & CSS3支持 (在不同的浏览器中)在哪个浏览器中支持什么。

下面是你的相关问题。

如何使css3和html5兼容所有浏览器，包括IE7和更高版本

祝好运!

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]-->