Sent by Christian Heilmann on 10 February 2003 18:06
>Here was my sugg. To Brendan:
>Make the text and the corner a gif, with a transparent background, and just change the hover color
- it will save k, download speed, and response time on mouseover
>
>(css image mouseovers seem to react slowly to me, perhaps because the don't cache)
><style>
>a.turbo {background-color:blue}
>a.turbo:hover {background:red}
></style>
></head>
><body>
><a class="turbo" href=#><img src="Untitled-3.gif" width="121" height="19" border="0" alt="" /></a>
>
>See also
>http://www.uoguelph.ca/~stuartr/articles/cssrollovers.shtml
That helps _not_ at all when you want to use two images. I am using
the link block thing, that works anywhere _but_ on Opera, maybe there
is a way... http://www.onlinetools.org/tests/
The transparent GIF/PNG tip up there looks fancy, but how many
times does that make sense? If I want to use images for a navigation or
something to hover over, I use that because I have antialiasing. With
a transparent pic, this is impossible for different colours (or badly
at least, you can always use a grey). Thus, this cool technique gives
me non-antialiased text or a pixely outline or area in a picture. I'd
rather use text then...
