2012-07-05 43 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个。

这有助于减少合并文件中选择器的总数。