Internet Explorer 6 中 Drupal 网站的 CSS 问题

Question

好的，这是交易。以下代码在我的 Drupal page.tpl.php 中说明，但 IE6 不想接受 display:none 部分。

<!--[if IE 6]>
    <style type="text/css">
        .coda-nav{display:none; position:absolute; width:400px;height:20px;top:260px;right:100px;z-index:125421;}
    </style>
<![endif]-->

清除 Drupal 缓存或浏览器缓存没有帮助。
我的代码有什么问题(我觉得没问题？)

别问我为什么还要写IE6的代码，已经够丢人了:)

Answer 1

所有 CSS 规则均根据 cascading order 应用，无论它们是否位于特定于 IE 的条件注释中。

在这种情况下，向该值添加 !important 可能会解决您的问题，除非其他同样是 !important 的值被指定为具有更高的优先级。

---

顺便说一句，如果你只想解决 IE 6 和 7，你还可以在 ! 之后添加一个不同于 important 的词，比如

display: none !hotdog;

在那些浏览器中，这与添加 !important 具有相同的效果。