⬆️ ⬇️

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