Проблема с CSS на сайте Drupal в Internet Explorer 6

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 применяются в соответствии с каскадным порядком , независимо от того, находятся они внутри условного комментария для IE или нет.

В этом случае добавление !important к значению может решить вашу проблему, если другие значения, которые также !important не указаны с более высоким приоритетом.

---

Кстати, если вы хотите обратиться только к IE 6 и 7, вы также можете добавить другое слово, кроме important после !, например

display: none !hotdog;

В этих браузерах это будет иметь тот же эффект, что и добавление !important.