IE условный CSS - PullRequest
Новая
       7

IE условный CSS

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

У меня есть несколько таблиц стилей, которые я хочу загрузить в зависимости от версии IE. Довольно простые вещи, за исключением случаев, когда я просматриваю веб-сайт в IE, ни одна из таблиц стилей не загружалась. 

<!--[if IE 7]>
     <link rel="stylesheet" href="css/ie7.css">
<![endif]-->
<!--[if IE 8]>
     <link rel="stylesheet" href="css/ie8.css">
<![endif]-->
<!--[if IE 9]>
     <link rel="stylesheet" href="css/ie9.css">
<![endif]-->

Это выглядит хорошо для меня, не могу понять, почему таблицы стилей для конкретной версии не загружаются.

Я сделал несколько обновлений, если это была проблема с кешем, но, похоже, ничего не изменилось.

Любые идеи.

Ответы [ 4 ]

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

Я предлагаю вам попробовать с любым условным оператором CSS 7,8 или 9, а затем добавить оставшиеся два. Кроме того, зависит от уникального CSS, применимого только к IE. Попробуйте изменить некоторые основные свойства div.

Например, ваш общий CSS для div может выглядеть следующим образом 

#sample {border:solid 5px red;}

Для IE - Поместите этот CSS в любой из CSS, т.е. ie7.css / ie8.css / ie9.css 

#sample {border:solid 5px green;}

Думаю, это должно сработать.

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

Ваши условные заявления верны.

Убедитесь, что они правильно связаны, загрузив их без операторов.

Редактировать: Обязательно закройте теги ссылок.

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

Вы упоминаете, что без условий таблицы стилей нормально загружаются во всех браузерах, кроме Internet Explorer.

Это говорит о том, что проблема связана не с вашими условиями, а с вашими ссылками. Вы не закрываете свои теги ссылок, и Internet Explorer может быть более строгим по сравнению с другими браузерами. Попробуйте изменить разметку следующим образом: 

<!--[if IE 7]>
     <link rel="stylesheet" href="css/ie7.css" type="text/css" />
<![endif]-->
<!--[if IE 8]>
     <link rel="stylesheet" href="css/ie8.css" type="text/css" />
<![endif]-->
<!--[if IE 9]>
     <link rel="stylesheet" href="css/ie9.css" type="text/css" />
<![endif]-->
0 голосов
/ 19 марта 2012

Взгляните на HTML5 Boilerplate , чтобы найти потенциально лучшее и более удобное решение, использующее одну ссылку на таблицу стилей, доступную для всех браузеров. Классы корневого уровня применяются для нацеливания на определенные браузеры из одной таблицы стилей. 

<!--[if lt IE 7]> <html lang="en-us" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html lang="en-us" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html lang="en-us" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-us" class="no-js"> <!--<![endif]-->
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...