Поддержка Ie8 И Стандартов — Прозрачный Png + Непрозрачность, А Также Данные: Uri + Alphaimageloader.

Я обнаружил пару проблем с браузером IE8. Возможно, это будет кому-то полезно.



Прозрачный PNG + фильтр: альфа (непрозрачность)



.

class{ background:url(transparent.png); filter:alpha(opacity=50); }

результат — прозрачные пиксели становятся черными

Лекарство

вам нужно применить мультифильтр

.

class{ background:none; filter:alpha(opacity=50) progid:DXImageTransform.Microsoft.AlphaImageLoader(src=transparent.png, sizingMethod='crop'); }

Следующая проблема нашлась благодаря предыдущей

данные: URI + AlphaImageLoader



.

class{ background:none; filter:alpha(opacity=50) progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw.', sizingMethod='crop'); }

Данный код не «бесит».

Теги: #ie8 #ie8 #Internet Explorer #прозрачность #data:uri #стандарты #облажался #Internet Explorer

Вместе с данным постом часто просматривают: