Апр

Решаем проблему фильтров в Internet Explorer 8

Недобраузер Internet Explorer практически не поддерживает CSS 3, да и с CSS 2 справляется плохо, но для эмуляции некоторых CSS-свойств можно применять встроенные в него фильтры (Blur, Chroma, Gradient, DropShadow). С выходом Internet Explorer 8 многие вообще разочаровались в этом браузере, потому что в нем перестали работать эти самые фильтры.

Но на самом деле, в режиме эмуляции (IE=EmulateIE8) Internet Explorer 8 умеет должным образом обрабатывать фильтры.

Для включение данного режима достаточно прописать один мета-тег в заголовке вашей страницы:

<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
</head>

Фильтры начнут работать при одном условии - необходимо также добавить префикс -ms:

.blur {
    -ms-filter: "Blur(Add=1, Direction=180, Strength=40)";
}

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

Поддержка псевдо-селекторов CSS3 в Internet Explorer
Библиотека ie-css3.js включает поддержку псевдо-селекторов CSS3 в Internet Explorer 5-8. Просто подключите данный скрипт на страницу, и можете спокойно использовать...
Эмуляция альфа-канала в Internet Explorer 6
Как известно, Internet Explorer 6 не поддерживает полупрозрачность PNG-24 (альфа-канал), с которыми он работает как триггер, имея два состояние -...
Поддержка RGBA в Internet Explorer
Как известно Internet Explorer не поддерживает указание цвета в RGBA, но большая часть фильтров понимает цвет в формате ARGB (alfa,...
Фикс z-index у select в Internet Explorer 6
В браузере Internet Explorer до седьмой версии был один очень неприятный баг - никаким образом нельзя было перекрыть элемент select....
Эмуляция position: fixed в Internet Explorer 6
Internet Explorer 6 не поддерживает CSS-свойство position: fixed position, поэтому для эмуляции данного эффекта используют position: absolute и CSS expression....