Поддержка RGBA в Internet Explorer

Содержание скрыть

Как известно Internet Explorer не поддерживает указание цвета в RGBA, но большая часть фильтров понимает цвет в формате ARGB (alfa, red, green, blue).

Преимущество данного подхода в том, что для работоспособности совершенно не нужна поддержка JavaScript в браузере, только сам Internet Explorer. Например, чтобы задать полупрозрачный чёрный фон для блока в Internet Explorer, достаточно написать:

HTML

<div class="alfa">Я полупрозрачный блок</div>

CSS

DIV.alfa {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1; /* фильтры работают, если у элемента выставлен hasLayout */
}

Источник: https://www.kobzarev.com/programming/rgba-support-in-internet-explorer/

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

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

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

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