DIfferences in pictures between ie6 and ie7

Question

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:

BACKGROUND-COLOR: #689BCA;

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

Answer 1

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.