布局网站IE8和下层看起来错了CSS3

时间:2013-11-23 08:02:14

标签: html5 css3 internet-explorer-8

我的网站PackageNow.net基于HTML5和CSS3。所有其他浏览器都不会出现任何问题,但IE8和更低版本都可以。

Website wrong view

我尝试应用PIE解决方案,并尝试应用不同的CSS样式附加到网站,如果IE低于9

网站应该是这样的......

Website correct view

我会理解布局是否有点但不同,但这不正常......

请帮助,因为我的一些客户仍然拥有IE8及以下版本。我添加了一个脚本,说明浏览器已经过时,但我需要提供一个有效的网站。否则我会失去客户。

抱歉我的英语不好,希望你明白我想说的话。

谢谢!罗伊

1 个答案:

答案 0 :(得分:0)

是的,这可能是预期的行为(取决于你正在做的事情),对于IE8来说是完全正常的。

在IE8中,很多HTML5标记/元素都不会被浏览器理解,并且它不知道它是否应该以内嵌或块显示,你需要提供{{3}处理那些。

此外,IE8中支持的CSS选择器规则很少,并且可以在HTML5 shim找到一个列表,以获得对此的支持。当然,你需要像JQuery这样的东西来提供支持

还有一些:伪属性不受支持,你需要编写JavaScript来模拟它们并添加适当的样式规则..

IE9以下的IE无法呈现HTML5 / CSS3布局还有很多其他原因。 IE8中几乎没有任何受支持的CSS3功能(即使只有PIE,它们也会执行其中一些功能)。如果你看看Selectivizr 你会看到什么是不支持浏览器,没有polyfill协助..

幸运的是,开发人员通过使用Browser Support Reference在HTML5中提供了许多其他功能,因此请查看列表以确定是否需要其中一些功能。