Решаем проблему фильтров в 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)";
}

Источник: https://www.kobzarev.com/browser/solving-the-problem-of-filters-in-internet-explorer-8/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: