Support » Themes and Templates » css png IE 6

  • moesian

    (@moesian)


    Hi,

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • davey579

    (@davey579)

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

    Thread Starter moesian

    (@moesian)

    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.

    Hi!
    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

    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 1×1 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!

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘css png IE 6’ is closed to new replies.