views:

63

answers:

1
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 and if I don't this appears: alt text

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

+1  A: 

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.

Oded
I see, but how can I turn my regular image to a image that will display properly in IE6 from Photoshop?
Para
See this blog from some options: http://24ways.org/2007/supersleight-transparent-png-in-ie6
Oded
It doesn't really say there how to make a ie6 transparent picture in photoshop
Para
@Para - the link in my answer does explain it. You need to understand that a transparent PNG will _not_ work in IE6 without additional steps, as described in both links.
Oded
@Oded - OK I understand this but in the example I saw. That works there were to different image files. Just like I explained above. I wanted to know how I could create an image file that displayed in IE6 the same as the creator of that example did.
Para