IE8 / IE9不加载CSS

时间:2013-01-26 21:23:55

标签: css internet-explorer stylesheet

在此网站上http://gaeilge2013.ie/某些样式表未在IE9中加载。在Chrome / Firefox / Opera / Safari中,一切都很好。很奇怪。

这是不适用的css:

<link rel='stylesheet' id='dzs.timelineslider-css' href='http://gaeilge2013.ie/wp-content/plugins/dzs-timelineslider/timelineslider/timelineslider.css?ver=3.5.1' type='text/css' media='all' />

链接很好。 ......

谢谢!

2 个答案:

答案 0 :(得分:11)

您遇到的问题是由于IE对样式表数量的限制。 IE只能在一个页面中加载最多31个单独的CSS文件。

网上有很多参考资料,但here's one from MSDN

这是IE的硬限制。通过使用特定技术可以加载更多的CSS文件:如果使用@import从其他内部加载CSS文件,则可以为31个主要CSS文件中的每一个导入最多31个文件。但这不是一个理想的解决方案。

通常,如果可能的话,最好减少文件数量 - 加载的每个文件都是单独的HTTP请求,并且拥有大量请求会对页面加载性能产生重大影响。

我的建议是尝试将大量的CSS文件合并到更少的文件中。这不应该是一项艰巨的任务,但是如果需要,可以使用可以自动执行此操作的WP插件。

答案 1 :(得分:-1)

您可以使用Modernizr来解决此问题。它是一个功能强大的crossbrowser javascript插件,可以修复所有这些特殊情况,就像其他浏览器一样,修复了多个IE版本。

我在此留下链接,以便您查看:

http://modernizr.com/docs/#installing