Отдельные стили для 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 року займаюся веб-розробкою. Зараз я – PHP Full Stack Developer.
Обговорити ваш проект, а також дізнатися більше про мене ви можете на цьому сайті:
dev.forwww.com

Email: dmitriyribka@gmail.com

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *