DIfferences in pictures between ie6 and ie7


BACKGROUND-IMAGE: url(../images/feedback_trans_tab.png);

_background-image: url(../images/feedback_tab_ie6.png)

I’ve seen code like this in a css file
feedback_tab_ie6.png is 886 bytes and feedback_trans_tab.png has 1.64Kb
Both pics have transparent backgrounds so that you can apply your own background color. Both look the same. yet in IE6 if I comment this line:

_background-image: url(../images/feedback_tab_ie6.png)

this appears:

alt text http://www.freeimagehosting.net/uploads/1ea66ad1b8.jpg
and if I don’t this appears:
alt text http://www.freeimagehosting.net/uploads/d587c76db3.jpg

This happens for the same background-color value of course:


DOes anyone have any idea why this is?
How can I turn a > ie6 picture into an ie6 picture from Photoshop?
Thank you in advance


In IE6 there is no PNG alpha channel transparency support.

So for an image to appear partially transparent in IE6, you need a different image.

See this blog post about the issue.

Answered By – Oded

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published