[EMAIL PROTECTED] wrote:
>> Here's a demo using modified Gilder-Levin with a link instead of a
> span.
>> I've tested it in FF1.5 and IE6. Since the A and SPAN tags are both
> inline and a:hover
>> and a:active are well-supported, it should work over the same range as
> the modified
>> Gilder-Levin:
>
>> http://www.triche-osborne.com/testing/demos/image_replacement2.html
>
> If you use this form of the G-L with a hyperlink, there will be a
> linking issue with a text-only browser.
My fault: I wasn't paying attention and used a white background rather
than a transparent one in the background declarations. I've removed it
and it works now on a variety of browsers, including Lynx. (I tested it
in Delorie Lynx viewer and a variety of browsers through Browsercam.)
I did make one other change: The image swap is accomplished by shifting
the position of a single background image rather than using two separate
images. Two images will produce a brief "flash" in Firefox as they swap,
whereas the transition with a single image background is seamless and
it's neater anyway.
This method doesn't attempt to accommodate IE5.2/Mac, but in return it
allows you to eliminate a non-semantic element from the linked headers.
Triche
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
