Использование двух условных CSS, если в инструкциях не используется ни одна таблица стилей - PullRequest
Новая
       17

Использование двух условных CSS, если в инструкциях не используется ни одна таблица стилей

0 голосов
/ 15 марта 2012

В конце моего остроумия здесь.Попытка реализовать две разные таблицы стилей, одну для IE, а другую, когда это не IE.В каждом примере, который я когда-либо видел, это именно то, как вы должны это делать.Кто-нибудь может заметить какие-либо ошибки в этом?Похоже, это должно быть достаточно просто. 

<!--[if !IE]><link rel='stylesheet' type='text/css' href='/login/css/correctlogin.css'/><![endif]-->
<!--[if IE]><link rel='stylesheet' type='text/css' href='/login/css/ielogin.css'/><![endif]-->

Ответы [ 2 ]

4 голосов
/ 15 марта 2012

Для условного комментария !IE правильный формат - <!--[IF !IE]>--> ... <!-- <![endif]-->, поскольку браузеры без IE не имеют специальной обработки условных комментариев. 

<!--[if !IE]> --><link rel='stylesheet' type='text/css' href='/login/css/correctlogin.css'/><!-- <![endif]-->
<!--[if IE]><link rel='stylesheet' type='text/css' href='/login/css/ielogin.css'/><![endif]-->

См. Также: http://www.quirksmode.org/css/condcom.html
PS.Условные комментарии больше не поддерживаются в IE10.

2 голосов
/ 15 марта 2012

Оператор if not IE является избыточным. Все, что вам нужно, это оператор if IE. 

<link rel='stylesheet' type='text/css' href='/login/css/correctlogin.css'/>
<!--[if IE]>
<link rel='stylesheet' type='text/css' href='/login/css/ielogin.css'/>
<![endif]-->

Это говорит каждому браузеру использовать correctlogin.css, и если браузер IE, ТО также использует ielogin.css

...