How to fix PNG transparency in IE6 or IE5.5

Discussion in 'HTML & Website Design' started by webblab, Mar 7, 2008.

  1. #1
    Hello guys,
    Can u suggest me a really working solution to fix png transparency in IE6.

    Thanks in advance.
     
    webblab, Mar 7, 2008 IP
  2. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #2
    Katy, Mar 7, 2008 IP
  3. nebhotep

    nebhotep Active Member

    Messages:
    244
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    80
    #3
    thanks for the tip. i was trying for a long time to solve this problem. I had also removed some png files from my website because of the transparency problem.
    Thanks again
     
    nebhotep, Mar 7, 2008 IP
  4. softnmore

    softnmore Peon

    Messages:
    34
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    hello

    i found this link to fix png problems.
    http://www.twinhelix.com/css/iepngfix
    you can try ...
     
    softnmore, Mar 7, 2008 IP
  5. leen3o

    leen3o Peon

    Messages:
    89
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    leen3o, Mar 7, 2008 IP
  6. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #6
    In casde the scripting is either causing problems (in rare instances, links with pngs aren't clickable with stuff like PNGFix attatched; at least I've read about it here on the forums), I often send IE6 a gif and give the png to the smarter browsers. Depending on what you're using the transparency for, this might be a perfectly acceptable alternative.

    #someelement {
    background: url(foo.png) 0 0 no-repeat;
    }
    * html #someelement {
    background-image: url(foo.gif);
    }

    The latter only goes to IE6 and lower. IE7 ignores that as well as all other browsers. One reason to use this might be because you want to repeat (tile) the image. Apparently IE6 doesn't like tiled png's no matter what script you're using.

    Another idea is to use a trick I saw at CSSzengarden: make a "fake" semi-transparency with a gif, and checkerboard the background (color pixels and then transparent ones). It looks a little strange, but at first glance it seems to do the job. I've used it on two sites now. http://www.csszengarden.com/?cssfile=069/069.css example, look at the righthand sidebar... the black part.
     
    Stomme poes, Mar 7, 2008 IP
  7. webblab

    webblab Guest

    Messages:
    394
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    webblab, Mar 8, 2008 IP