IE8 / IE9不加载CSS

Question

在这个网站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' />

链接很好。 ...

谢谢！

Answer 1

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

这个网络有很多参考资料，但这里有一个来自MSDN

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

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

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

Answer 2

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

我给你留下这里的链接，你可以看看：

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