IE不應用樣式

我正在將幾個樣式表編譯到暫存環境中的一個最小樣式表中樣式在IE中本地應用，其中每個樣式表都是分開的，但是它們不會在編譯樣式表的IE中的暫存環境中應用分成一分鐘樣式表。我通過CSS驗證器運行了樣式表，並通過了每個樣式表，並更正了我發現的任何語法錯誤。我不一定需要知道如何解決問題，我主要想知道問題存在的地方。 IE開發人員工具沒有給我任何有關未被應用的樣式問題的反饋。IE不應用樣式

以下是登臺環境中登錄頁面的鏈接：https://s-app.joinhere.com/manage/sessions/new。樣式在樣式表中，它們只是沒有在IE中應用。下面是已編譯的最小樣式表的鏈接：https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css

謝謝！

來源

2012-04-05 Erik Van Lankvelt

我只能在IE 10中檢查它，它對我來說看起來很好。是否有任何特定的風格，您的IE瀏覽器不適用或者它是整個CSS文件？ – csupnig 2012-04-05 21:51:58

我剛剛遇到類似的問題，但尚未解決。在IE9的CSS開發者工具中，它表明它將一個特定的顏色應用於一個節點，但它顯然不是。 – 2012-04-05 21:58:08

我試過你的頁面，它在Chrome中正常工作。然而，在IE9中它看起來很奇怪，好像CSS樣式沒有被應用，就像你所描述的那樣。例如，樣式body#manage-sessions #main_container #login_container未得到應用。我查看了開發人員工具中的css選項卡，結果表明該樣式甚至不在那裏，這解釋了它的工作原理。爲了找出原因，我使用了開發人員工具中的網絡檢查員，並檢查了IE9下載css時的響應情況，body#manage-sessions #main_container #login_container確實在迴應中。這導致我相信，對於IE的最大css文件大小必須有一些限制。看起來確實如here所描述的那樣。顯然IE只是忽略了額外的樣式，如果CSS文件超過一定的大小。所以這就解釋了爲什麼當css文件分離時一切正常，爲什麼在你將它們合併後崩潰。爲了解決這個問題，請嘗試將你的大型css文件分成兩個或更多小於IE限制的小文件，並查看是否可以解決問題。

來源

2012-04-05 22:37:18

原來，在IE中只有一個文件中的第一個288kb將被讀取和處理。 288kb後的任何CSS都將被忽略。我們現在大約在450。我將不得不重構風格以低於288.謝謝你的迴應！ – 2012-04-06 14:32:03

@ErikVanLankvelt是的，你總是可以指望IE給你這樣的跛腳問題。無論如何，如果我的答案幫助你，請考慮接受它。 – 2012-04-06 16:03:50

這個解決方案對我來說很合適，但是看起來當我嘗試時它的極限有點低，所以當它一開始不工作時我感到很驚訝。將尺寸縮小到230K，但仍然無法使用。最終，它在182分析整個文件沒有問題。這是一個令人討厭的問題。我會把這個添加到我長長的IE戰鬥疤痕列表中。 – Adam 2013-05-07 02:06:48

我不確定你的個人設置，但是，任何東西< IE 10只能處理32個單獨的樣式表，任何以後的任何東西仍然會顯示在開發工具中，如工作但放心，33樣式表致力於沉默失敗的生活。

來源

2012-08-18 04:39:45 OneChillDude

回答

相關問題