homepage Welcome to WebmasterWorld Guest from 54.221.175.46
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

    
Transparent PNG vs IE
problems with transparency in IE
screwcork




msg:3253458
 4:45 pm on Feb 15, 2007 (gmt 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

 

limbo




msg:3253927
 12:39 am on Feb 16, 2007 (gmt 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

Vlad




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

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

Turbulence




msg:3261318
 12:18 pm on Feb 23, 2007 (gmt 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.

monkeythumpa




msg:3261810
 6:24 pm on Feb 23, 2007 (gmt 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.

Achernar




msg:3263679
 1:38 am on Feb 26, 2007 (gmt 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]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved