Transparent background PNG's - are they OK for ALL browsers?

[OM2]

Transparent background PNG's - are they OK for ALL browsers?

OK: all modern browsers worht bothering about?

Thanks.


OM

[ray326]

Do you include IE 6 in that description? If so the answer is no.

[Centauri]

Well, the term "all modern browsers worth bothering about" just eliminated all versions of IE, so in that case, yes .... :D

[OM2]

lol.
ok... i've seen a few nice templates where some of the content is on a transparent background.
its normally only a menu... but it looks nice.
hav they done thi with a trasnparent png? or transparent gif?

actually, another questio: trasnparent background gifs - how compatible are these with browsers?


thanks.

[Centauri]

Transparent gifs are no problem in browsers. The problem with gifs (and 8-bit png's) is that they can only have a maximum of 256 colours, and only one of those colours can be full transparency - partial transparency is not available. Some good effects can be done with transparent gifs, but they cannot match the alpha channel transparency of 24bit pngs. Sometimes an effect that may look like transparency actually isn't - like Eric Meyer's Complexspiral Demo (http://meyerweb.com/eric/css/edge/complexspiral/demo.html).

[tec2tec]

the ie6 transparency issue can be solved with this css hack



#div {

background-image:url(../img/image.png);

}

/* ie6 hack */

*html #div {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/image.png');
background-image:url('../img/image.png');