📜 ⬆️ ⬇️

IE8 and standards support - transparent PNG + opacity, as well as data: URI + AlphaImageLoader

Put a couple of problems with the IE8 browser. Maybe someone will come in handy.

Transparent PNG + filter: alpha (opacity)



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

the result - transparent pixels turn black
')

Medicine


need to apply multi-filter

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


The following problem was found due to the previous

data: URI + AlphaImageLoader


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

The code above does not "frychit".

Source: https://habr.com/ru/post/63395/


All Articles