png background image issue

[IronOrchid]

I'm trying to put together a site design with partially transparent background images for my boxes. I've set a gif as the background for the page, but for some reason I can't get the backgrounds of any div to be partially transparent (using png's for this).

Any ideas?

http://www.ironorchid.com

 

[BDNFLNC]

Use gifs.

 

[IronOrchid]

gifs can't be partially transparent. I'd like a little of the page background to show through the div backgrounds.

http://www.ironorchid.com

 

[kim1234]

What browser are you previewing in? Only a handfull support alpha transparency for 24bit png's natively. Here's a partial list:

DON'T support alpha (partial) transparency:
Internet Explorer 6 (and 5 and 4)
Netscape 4
Opera 5

DO support alpha transparency:
Mozilla 1+
Netscape 6, 7

A solution to your dilemma might be to make every other pixel of your graphic transparent, thus allowing some of the background to show through, and requireing nothing more than full transparency capabilities.

Hope this helps. Kim

 

[IronOrchid]

Thanks Kim. Unfortunately I'm getting the feeling that none of the major browsers fully support alpha transparency. I've been testing in Opera 6 and Mozilla 1.1. Placing a semi-transparent png-8 in an img tag works just fine, but setting it as the background image just doesn't work at all.

I could recreate the effect using CSS2 positioning techniques, but unfortunately the only browser that would render it properly would be Mozilla.

I can't wait for a standards compliant browser to hit the market.

http://www.ironorchid.com