July 2, 2009 at 03:43

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

    Dug up a couple of IE8 browser issues. Maybe someone will come in handy.

    Transparent PNG + filter: alpha (opacity)



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

    result - transparent pixels turn black

    Medicine


    need to apply multi-filter The next problem was found thanks to the previous

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




    data: URI + AlphaImageLoader


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

    The given code does not "fry".
    Tags:

    Also popular now: