homepage Welcome to WebmasterWorld Guest from 54.146.190.193
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
Transparent PNG vs IE
problems with transparency in IE
screwcork

5+ Year Member



 
Msg#: 3253456 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3253456 posted 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

10+ Year Member



 
Msg#: 3253456 posted 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

5+ Year Member



 
Msg#: 3253456 posted 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

10+ Year Member



 
Msg#: 3253456 posted 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

5+ Year Member



 
Msg#: 3253456 posted 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