Отдельные стили для Internet Explorer

Более неактуальную статью сложно себе представить в 2020 🙂 . Учитывая что сейчас у нас есть Edge. Как раньше боролись с «великим и ужасным»?
Как вы знаете есть определенные правила для разных браузеров. Данный фикс поможет подключить стили для всех версий IE:

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

Задаем стили для всех браузеров кроме ИЕ:

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

Всё верно — эта конструкция задается в head, и по сути это традиционный if \ else в программировании.

Как задать стиль для версии Internet Explorer меньше либо равно:

<!- -[if lte IE 7]>
<link rel=»stylesheet» type=»text/css» href=»ie5.css» />
<![endif]- ->

Это мы записали стили для версии меньше либо равной текущей. Если необходимо строго меньше, меняйте на lt.

Можно ли в этих блоках писать что-то кроме подключения стилей — Да! Вы можете писать теги style и даже script:

<!- -[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="<?=SITE_TEMPLATE_PATH?>/iestyle.css" />
<script>...</script>
<style> ... </style>
<![endif]- ->

Вот такой вот получился кабмек из прошлого 🙂 И хотя мучения с вёрсткой и браузером от Microsoft уже давно позади, верстальщикам из того времени до сих пор снятся страшные сны про выравнивание для эксплорера 🙂

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.ru.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *