Welcome to WebmasterWorld Guest from 54.226.25.231

Forum Moderators: not2easy

Message Too Old, No Replies

Transparent PNG vs IE

problems with transparency in IE

     

screwcork

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

5+ Year Member



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

limbo

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

WebmasterWorld Senior Member 10+ Year Member



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

Vlad

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

10+ Year Member



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

Turbulence

12:18 pm on Feb 23, 2007 (gmt 0)

5+ Year Member



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.

monkeythumpa

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

10+ Year Member



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.

Achernar

1:38 am on Feb 26, 2007 (gmt 0)

5+ Year Member



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]

 

Featured Threads

Hot Threads This Week

Hot Threads This Month