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