Библиотека ie-css3.js включает поддержку псевдо-селекторов CSS3 в Internet Explorer 5-8. Просто подключите данный скрипт на страницу, и можете спокойно использовать псевдо-селекторы.

Как пользоваться

Скачайте DOMAssistant Роберта Нимана, необходимый для работы ie-css3.js и, конечно, сам файл ie-css3.js. И в заголовке вашей страницы пропишите:

<head>
	<script type="text/javascript" src="DOMAssistant.js"></script>
	<script type="text/javascript" src="ie-css3.js"></script>
</head>

Рекомендации

  • CSS стили должны быть добавлены на страницу с помощью тега <link>;
  • Стили вставленные непосредственно в страницу или прописанные инлайном не будут обрабатываться. Также можно использовать импорт таблиц стилей;
  • Таблицы стилей должен быть размещен на одном домене со страницей;
  • Таблицы стилей с использование file:// протокола не будут работать из-за ограничений безопасности браузера;
  • Псевдо-селектор :not() не поддерживается;
  • Эмуляция не является динамичной. После того, как стили были применены они остаются фиксированные в не зависимости от изменений DOM до перезагрузки дерева.

Поддерживаемые псевдо-селекторы

  • :nth-child
  • :nth-last-child
  • :nth-of-type
  • :nth-last-of-type
  • :first-child
  • :last-child
  • :o nly-child
  • :first-of-type
  • :last-of-type
  • :o nly-of-type
  • :empty

Источник: Keith Clark

Похожие публикации:

  1. Microsoft объявила о поддержке CSS3 в Internet Explorer 9
    Сегодня компания Microsoft предложила на суд разработчикам Internet Explorer 9 (IE9) на конференции "2009 Professional Developers Conference". Хотя проект еще...
  2. Поддержка RGBA в Internet Explorer
    Как известно Internet Explorer не поддерживает указание цвета в RGBA, но большая часть фильтров понимает цвет в формате ARGB (alfa,...
  3. Поддержка Firefox 3.6 CSS3 — свойства image-rect
    С выходом новой версии Firefox 3.6, этот браузер обзавёлся поддержкой многих правил CSS3, что не может не радовать. Одно из...
  4. Эмуляция position: fixed в Internet Explorer 6
    Internet Explorer 6 не поддерживает CSS-свойство position: fixed position, поэтому для эмуляции данного эффекта используют position: absolute и CSS expression....
  5. Эмуляция border-color: transparent в Internet Explorer 6
    К сожалению, Internet Explorer 6 не поддерживает прозрачность для рамок. В CSS это выглядит как border-color: transparent. Поэтому корректно работающий...

Теги: , ,

Комментариев - 3

  1. Здравствуйте. Спасибо за информацию, но если вы берете материал с сайта, то хотя бы ссылочку ставьте. а то ошибки то у нас с вами одинаковые, а материал мой опубликован на день раньше.
    Обратите внимание на строку «Таблицы стилей с использование file:// протокола не будут работать из-за ограничений безопасности браузера;» у себя и у меня http://www.master-web.info/ie-css3-emulation/
    Или мы с вами настолько коллеги, что даже ошибки одинаковые допускаем? :)

  2. Информацию брал у Keith Clark’а в его блоге. Ошибку так и не нашёл ;)

  3. Я не знаю что это за фреймворк от Роберта Нимана, но надеюсь он не конфликтует с jquery. Спасибо за информацию =)

Оставить комментарий

При написании кода в комментариях вы можете использовать Zen Coding для быстрого ввода HTML.