我有一个关于 IE9 的奇怪问题,它自己忽略了某些 CSS 规则。即使 IE8 也能正确加载它。 IE 10 和所有更好的浏览器(如 FF 和 Chrome)也是如此。
正在使用“text/css”MIME 加载 css。
例如,
IE9 不应用这些规则。我在开发人员工具栏 CSS 选项卡中找不到这些规则。
.B2B .info_cart { display: block; clear: both !important; }
.B2B .info_cart .priceDetail { font: 14px/22px Arial,Helvetica,sans-serif; padding-left: 3px; }
.B2B .info_cart .priceInfo { bottom: 2px; font-size: 10px; line-height: 24px; margin: 0 0 0 2px; overflow: hidden; padding: 0; position: absolute; word-wrap: break-word; }
.B2B .info_cart .info_vat { font-size: 10px; float: right; margin-top: 7px; }
相关的HTML:
<div class="info_cart clearfix">
<span class="spanBasketInfo"></span>
<span class="cartValue"></span>
<span class="cartShippingDetails"></span>
<span class="info_vat">
<span class="exc">exc. VAT</span>
<a href="#">(change)</a>
</span>
</div>
有什么问题吗?
更新 这是我正在使用的 Doctype,如果它有帮助的话。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="sv" xmlns="http://www.w3.org/1999/xhtml" class=" js no-touch borderradius boxshadow textshadow opacity cssgradients csstransitions">
最佳答案
终于找到问题了。 IE 无法在一个样式表中处理超过 4096 个选择器。因此,在达到 4096 个选择器的限制后,它会忽略所有样式规则。
将 CSS 文件拆分成两个单独的文件后,问题就解决了。
关于html - IE 9 忽略 CSS 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21257114/