Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Browser support PNG transparency

Is IE6 the only browser that doesn't support PNG transparency?

like image 821
Webnet Avatar asked Jan 13 '11 15:01

Webnet


People also ask

Do browsers support PNG?

PNG is widely supported, with all major browsers offering full support for its features.

Does PNG allow for transparency?

An important benefit, and oftentimes deciding factor for using a PNG file, is that–unlike a JPG–they support transparency. This allows you to have a transparent background around an irregular-shaped object and avoid a white (or other colored) box outlining your image.

Does PNG support alpha transparency?

An alpha channel, representing transparency information on a per-pixel basis, can be included in grayscale and truecolor PNG images. An alpha value of zero represents full transparency, and a value of (2^bitdepth)-1 represents a fully opaque pixel.

Does PNG support semi transparency?

Transparency. The GIF and PNG formats also both support transparency. If you need any level of transparency in your image, you must use either a GIF or a PNG. GIF images (and also PNG) support 1-color transparency.


3 Answers

From: http://www.alistapart.com/articles/pngopacity/

It turns out that most of the latest versions of the major browsers fully support alpha transparency with PNG – namely, Netscape 6, Opera 6, and recently-released Mozilla 1, all on Windows; and, for the Mac, Internet Explorer 5, Netscape 6, Opera 5, Mozilla 1, OmniWeb 3.1, and ICab 1.9. Incredibly, PNG even works on Opera 6 for Linux, on WebTV, and on Sega Dreamcast.

IE5.5+/Win, bless its heart, will, in fact, display a PNG, but it doesn’t natively support alpha transparency. In IE5.5+/Win, the transparent area of your PNG will display at 100% opacity – that is, it won’t be transparent at all.

like image 172
Rody Avatar answered Oct 31 '22 10:10

Rody


IE 5.5 and IE 6 don't correctly display a PNG image, they don't support alpha transparency. This can be fixed with this hack. I use it on all my sites and works perfectly.

like image 20
orlp Avatar answered Oct 31 '22 11:10

orlp


Pretty sure that IE5 doesn't either.

like image 40
Daniel Egeberg Avatar answered Oct 31 '22 11:10

Daniel Egeberg