Climis, Tim wrote:
> And/or: Is there a better way to do this whole task? Meaning: solving
>  the icky-image-edges problem without using high-res images (which I
>  assume take longer to load)?
> 
> -----------------------
> 
> What you're running into is that GIF's don't have variable
> transparency. It's either transparent or it's not - no 50% opaque.
> That means that it can't anti-alias your text well.  Using PNG's
> instead of GIF's would fix that.  IE6 doesn't support PNG
> transparency but all the other browsers (IE 7 and 8 included) have no
> problems.
> 
> ---Tim 
> ______________________________________________________________________

[quote=Tim] "IE6 doesn't support PNG transparency..." [/quote]

Just a pedantic point - I think you mean "IE6 doesn't support PNG 
semi-transparency...", yes? If you use PNG-8 then IE6 treats both fully 
transparent and semi-transparent pixels as fully transparent.

I'd recommend PNG-8 for most images anyway, as they can be optimized to 
be quite small - smaller than GIFs, anyway. And, to bring it into the 
realm of CSS, there's no need to use IE6 hacks to use PNG-8.

Check out these articles:
<http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/>
<http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/>

(Of course, you still get icky image edges in IE6, but there's not a lot 
of alternatives...)

Cordially,
David
--
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to