Transparent Images
- Started
- Last post
- 9 Responses
- pillhead
So I have been out of web design for about 7 years now. It seem that Transparent images in web pages have really clean edges and can be laid out on textured background with no blending problems, when I was designing sites I always had a colour effect on the edge of the Transparent .gif to match your background colour. Is there something different going on with Transparent .gif, or are .png being used more for web design.
Anyone have any tutorials so I can get an idea as to what going on.
cheers
- juhls0
.png is used more now for quality images.
- epill0
save for web as PNG
- detritus0
Depends on your market and depends on what you're trying to achieve.
If you're willing to stick your fingers up at earlier editions of Internet Explorer (and therefore, a large chunk of the corporate market), then liberally sprinkle your work with transparent PNGs, especially as background-image elements.
Otherwise, tread carefully - in my (minimal) experience, I'd rather find a workaround than implement some shoddy PNG hackfix.
- juhls0
- ZOMG! Smashing magazine is killing the industry!flashbender
- I kid, I kid.flashbender
- dMullins0
.PNG is the biz.
.GIF is shite, but has it's own applications.
.PNG requires PNGFix for IE 5.5 and 6 ( http://www.twinhelix.com/css/iep… )
- pillhead0
I see, thanks
- eb60
.gif can do 0 -OR- 100% transparent.
.png can do 0 -TO- 100% transparent.
- pillhead0
Code Check please:
Is my code links referencing correctly to the .htc file, and the Blank.gif?img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }
The .htc file is in my resources folder. css/resources/iepngfix.htc
The blank.gif file is referencing the images folder.
IEPNGFix.blankImg = '/images/blank.gif';
- ninjasavant0
when you save for web choose PNG24. PNG8 will give you the gif effect.