Internet Explorer 8 兼容性问题 [关闭]答案

【问题标题】：Internet Explorer 8 compatibility issues [closed]Internet Explorer 8 兼容性问题 [关闭]
【发布时间】：2014-02-21 19:11:27
【问题描述】：

我是一个优雅退化的相对菜鸟，我想在刚刚上线的网站上获得一些提示。我知道在这一点上，IE 8 或更低版本中的布局完全被破坏了，我想看看我能做多少事情来让事情在没有大修的情况下正常工作。

www.unccti.org

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

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

它应该看起来像：

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

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

我已经尝试过但没有结果：

normalize.css 和
HTML5Shiv

感谢您的帮助。

【问题讨论】：

这个问题有点太宽泛了。如果有您想要纠正的行为的特定 DOM 和样式示例以及您尝试过的内容（假设您所做的不仅仅是包含其他库），那将会有所帮助。
看起来您正在尝试在图像上使用 RGBA 颜色或某些不透明度。要么使用带有不透明度的 PNG，要么查看不透明度：用于 IE 的 filter()
谢谢大家的帮助。我会考虑你给我的建议，看看我能想出什么。
你们有没有关于旧版本IE测试方法的提示？在 Windows 7 和 8 上安装 IE 7 或 8 时遇到困难。

标签： html css internet-explorer-8 internet-explorer-7 compatibility

【解决方案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（在不同的浏览器中）以了解哪个浏览器支持的内容。

祝你好运！

【讨论】：

【解决方案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]-->

【讨论】：

你知道，现在我想起来了，我相信问题可能是'max-width'的大量使用。那是 CSS3，对吧？
@nlemmon max-width 实际上是 CSS 2.1。 IE8 及更低版本对 CSS2 的支持只是零星的。 caniuse.com 支持的大表