css png IE 6 (6 posts)

  1. moesian
    Posted 9 years ago #


    I know this has probably been asked a thousand times but here goes.

    Ive been trying to get *.png files to work on my word press theme on IE 6.

    Ive tried the following sort of thing...

    #headerimg {

    margin: 7px 9px 0;
    height: 150px;
    width: 740px;
    text-indent: -9999px;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/headerImage.png', sizingMethod='scale'

    #headerimg [id] {background: url('img/headerImage.png') no-repeat;}

    However when I do this the png files dont even load let alone with a grey background.

    Ive seen a few other hacks around but the seem to work on <img> tags in the html. Is there any that will work with png files that I'm setting as backgrounds in the css.

    Thank you.

  2. davey579
    Posted 9 years ago #

    I thought png files doesn't work under IE6, I had the same problem.

  3. moesian
    Posted 9 years ago #

    png's do seem to work with various hacks, Ive used the css i posted before on a static page to display png files on IE6, but it dosnt seem to work on my wordpress theme, the images just dont show up.

  4. Tdude
    Posted 8 years ago #

    If you read up on the MSDN site, they say you need some more arguments for the image object to activate the ActiveX for png transparency (bla bla bla ;) http://msdn2.microsoft.com/en-us/library/ms532969.aspx

  5. misssakura
    Posted 8 years ago #

    I'm also having this problem. I have been using hacks for png for years with no problems. I can't use opacity in css because of child inheritance, so the only other option is a 1x1 png with alpha.

    Except wordpress won't let me do that.

    Whether it's linking to a .js file with necessary code, or applying the AlphaImageLoader filter, it won't work in IE6, grey background bonanza!

    I did an extensive search of this forum and I see a lot of people with the exact same problem (and also none of the topics have been resolved).

    So does anybody have the reason why wordpress can't work with these png hacks? It's quite important for me and seemingly a lot of other people because of the flaw of child inheritancy in css3 opacity and the lack of support for IE 6 and earlier browsers.

    Thanks in advance!

  6. misssakura
    Posted 8 years ago #

    Actually nevermind, I didn't realize there was no way to have a png background, thinking about it I'd always done it with an image tag. Opacity would be nice though...here's to dreaming!

Topic Closed

This topic has been closed to new replies.

About this Topic