Янв
19

Поддержка псевдо-селекторов CSS3 в Internet Explorer

Библиотека 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
  • :only-child
  • :first-of-type
  • :last-of-type
  • :only-of-type
  • :empty

Источник: Keith Clark

Связанные материалы

  1. Microsoft объявила о поддержке CSS3 в Internet Explorer 9
  2. Поддержка RGBA в Internet Explorer
  3. Эмуляция border-color: transparent в Internet Explorer 6

← 
 →

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

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

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

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