как прикрепить отдельную таблицу стилей для т.е. рядом с таблицей стилей медиа-запросов

0

Я привязал таблицу стилей медиа-запросов к моему веб-сайту Dreamweaver, работая хорошо во всех браузерах. Только в IE не появляются стили. Мне не нужно, чтобы сайт IE был отзывчивым, но мне нужно просто показать простые стили. Я попытался поместить этот бит кода в главный тег:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="styles-ie.css" />
<![endif]-->

И сделал таблицу стилей под названием styles-ie.css, но все же стили не отображаются в IE. Есть ли простой способ сказать IE использовать эту таблицу стилей?

Любая помощь высоко ценится,

Лиза

Теги:
media
internet-explorer
stylesheet

1 ответ

0

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

Вы всегда можете прибегнуть к JQuery или Modernizr в качестве альтернативы IE10. Например, вы можете сделать

var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);

и в вашей обычной таблице вы можете добавить

html[data-useragent*='MSIE 10.0'] h1 {
  color: blue;
}

который активируется только для IE 10. Дополнительная информация об этом здесь.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню