Welcome to WebmasterWorld Guest from 54.159.101.208

Forum Moderators: not2easy

Message Too Old, No Replies

Transparent PNG vs IE

problems with transparency in IE

     
4:45 pm on Feb 15, 2007 (gmt 0)

New User

5+ Year Member

joined:Feb 15, 2007
posts:1
votes: 0


I'm currently building a website, using Photoshop blending options, curved edges and so forth on the template. I figured the easiest way to go about the problem with having a seamless pattern background would be to save every image in the website as a PNG with transparent backing.

It works fine in Opera end Firefox, but in IE the images are not transparent at all. The blank areas of the images are filled with grey :/

Any ideas?

Cheers

-Chris // Screwcork

12:39 am on Feb 16, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 4, 2002
posts:2204
votes: 0


Hi Chris

Welcome to WebmasterWorld [webmasterworld.com] :)

You are looking for IE PNG Transparecy Filter.

This thread might be a help: [webmasterworld.com...]

Cheers, Limbo

8:08 pm on Feb 19, 2007 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 4, 2004
posts:150
votes: 0


save it as png-8 instead of png-24. I had the same problem before, this worked out well.
12:18 pm on Feb 23, 2007 (gmt 0)

Junior Member

5+ Year Member

joined:Feb 1, 2007
posts:52
votes: 0


Save it as png-8 instead of png-24. I had the same problem before, this worked out well.

This option worked well for me, too.

6:24 pm on Feb 23, 2007 (gmt 0)

Preferred Member

10+ Year Member

joined:Aug 2, 2004
posts:551
votes: 0


png-8 only works with a solid background. If you need to overlay the image on a gradient, shadow or pattern, png-8 will fail like a gif would. You need a png-24 with a javascript filter that turns on for IE. Use the search term mentioned above.
1:38 am on Feb 26, 2007 (gmt 0)

Full Member

5+ Year Member

joined:Dec 3, 2006
posts:257
votes: 0


You can use a script that can be triggered by only adding one CSS rule.
Combining this with IE conditional comments you can set it to trigger only for IE6.

<snip>

No URI's please, see TOS [webmasterworld.com]

[edited by: limbo at 9:18 am (utc) on Feb. 26, 2007]