2012-07-05 33 views
2

我正在開發一個magento網站,它使用CSS合併選項。目前在IE中CSS沒有正確渲染。當我刪除它的一部分CSS文件的工作。有時候我從頂部刪除50行時會有效。當我從底部移除100行時,它有時會起作用。所以這與我寫的CSS沒什麼關係。合併的文件包含約6000行,並具有380 KB的文件大小。Magento CSS合併中斷IE瀏覽器的佈局

有人可以幫我嗎?

感謝

+0

嗨,我有同樣的問題。哪個版本你有問題? – 2014-05-09 10:09:07

+0

請參閱這個http://stackoverflow.com/questions/9906794/internet-explorers-css-rules-limits – 2014-09-05 18:17:52

回答

0

我在節點添加的媒體=「空」屬性中layout.xml具有巨大尺寸的文件。所以它將被合併爲media =「all」和media =「print」的另一個文件。

這是爲我工作。

+0

不工作! 如果你使用media =「null」頁面不加載css – 2014-05-09 12:52:55

0

看起來像Internet Explorer的8和9 4095選擇器限制。

在我的情況下,我已經有了約7個樣式表的列表,這些樣式表是在page.xml中添加的(因此在整個網站中)。這些文件中的總選擇器計數是4463,因此超出限制。

我用:

@import 'some-style-sheet.css' all; 

3頂樣式表,將它們導入到第四之一,那麼在page.xml註釋掉這3個。

這有助於減少合併文件中選擇器的總數。