Chrome считает, что это IE, и оценивает условия - PullRequest
Новая
       3

Chrome считает, что это IE, и оценивает условия

0 голосов
/ 23 января 2012

Может быть, я неправильно понимаю, как работают условные комментарии CSS, но я думал, что бит в середине условного выражения будет отображаться только для IE ... однако Chrome и Firefox оба оценивают его, а левое поле не равно 35px - 20px ... Чего мне не хватает? 

.policies li li { margin-left: -20px; }
<!--[if IE]>
.policies li { margin-left: 45px; }
.policies li li { margin-left: 35px; }
<![endif]-->

Ответы [ 2 ]

2 голосов
/ 23 января 2012

Условные комментарии работают только в HTML, но не в CSS. Обычный способ - загрузить отдельную внешнюю таблицу стилей только для IE. В последнее время я просто загрузил один для IE <= 8, а затем использовал хаки внутри этой таблицы стилей для целевой IE 6/7/8 соответственно. </p>

1 голос
/ 23 января 2012

Поместите 

.policies li { margin-left: 45px; }
.policies li li { margin-left: 35px; }

в отдельный файл, такой как styles-ie.css, затем включите его в свою страницу после всех распространенных файлов CSS и оберните в условный комментарий: 

<!--[if IE]>

  <link to your styles-ie.css />

<![endif]-->

Вот Справочник Microsoft .

...