—»     —»   Спецификации CSS для Internet Explorer
  Раздел: Браузеры, CSS/Style Sheets   Комментариев: 1  

Спецификации CSS для Internet Explorer



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

1. Список условий для работы с IE

Данный список зачастую используется для решения множества проблем, возникших при работе с IE (версий 6, 7 и 8). Ниже представлены отрывки кода, требующегося для отображения страницы в различных версиях браузера IE:

* <!--[if IE 8]> = IE8
* <!--[if lt IE 8]> = IE7 или ниже
* <!--[if gte IE 8]> = выше или = IE8

<!--[if IE 8]>
<style type="text/css">
    /* css for IE 8 */
</style>
<![endif]-->

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

2. Спецификация правил CSS для работы в IE (CSS-хаки для IE)

Другой способ объявления CSS-правил подходит исключительно для IE. Например, добавьте * перед параметром CSS и, таким образом, вы укажете на определение IE версии 7, а если добавите нижнее подчеркивание, то определяться будет уже 6 версия браузера. Тем не менее, данный метод не рекомендуется использоваться, потому что он делает ваш CSS-код не валидным.

* IE8 или ниже: для написание правила CSS конкретно для 8 версии браузера или ниже, добавляйте обратный слэш и 9 (т.е. \9) в самом конце перед точкой с запятой.
* IE7 или ниже: добавляйте * перед параметром CSS.
* IE6: добавляйте нижнее подчеркивание (_) перед параметром.

.box {
    
    background: gray; /* standard */

    background: pink\9; /* IE 8 and below */

    *background: green; /* IE 7 and below */

    _background: blue; /* IE 6 */

}

3. Условные классы HTML

Третий вариант объявления был обнаружен Полом Айришом (Paul Irish), и он заключается в том, чтобы добавлять CSS-класс вместе с версией IE в HTML-тэг посредством условного списка для IE. Т.е., посредством кода будет определен браузер и его версия, далее будет добавлен класс к тэгу html. Для определения конкретной версии IE, просто воспользуйтесь классом IE в качестве родительского селектора (например, .ie6 .box). Это отличный метод и с ним не возникнет проблем относительно валидности.

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, Internet Explorer
Опубликовал Mysterious Master   Прочитано (раз): 9425   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 6 февраля 2012 @ 15:15
Написал: Sana2020 — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Спасибо данной статье,за советы в работе с браузером Internet Explorer!у меня как раз возникают порой такие проблемы с отображением страниц!
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930