Internet Explorer 8兼容性问题

我是一位优雅降级的亲戚，希望在刚刚上线的网站上提供一些提示。我知道在这一点上，IE8或更低版本的布局完全被破坏了，并且想知道我能做多少事情才能在没有大规模检修的情况下工作。Internet Explorer 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

谢谢您的帮助。

来源

2014-02-21 nlemmon

这个问题有点过于宽泛。如果有特定的DOM和样式的例子，你想纠正的行为，以及你尝试过的（假设你已经完成了比包括其他库更多的功能），这将会有所帮助。 –

看起来像你试图在图像上使用RGBA颜色或一些不透明度。要么使用PNG的不透明度烘烤或看看不透明度：筛选器（）为IE – geedew

感谢您的帮助，每个人。我打算看看你给我的建议，看看我能想出什么。 – nlemmon

它没有太多难以解决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（在不同的浏览器中）支持哪种浏览器。

好运！

来源

2014-02-21 19:42:52

我不确定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]-->

来源

2014-02-21 19:28:38 anderezekial

您知道，现在我想到了，我认为这个问题可能是'max-width'的大量用法。那是CSS3，对吧？ – nlemmon

@nlemmon ['max-width']（https://developer.mozilla.org/en-US/docs/Web/CSS/max-width）实际上是CSS 2.1。 IE8和更低版本只是零星支持CSS2的东西。 http://caniuse.com/上支持的大表格 – SlightlyCuban

Internet Explorer 8兼容性问题

回答

相关问题