Previous Message
Next Message

Image-based Rollovers

Sent by Andrew Gregory on 23 February 2005 01:01


On Tue, 22 Feb 2005 13:10:06 -0500, Lee Averbeck  
[EMAIL-REMOVED]> wrote:

> There is no way to do CSS image rollovers that are side-by-side?
>
> -----Original Message-----
> From: Andrew Gregory [EMAIL-REMOVED]]
>
> On Mon, 21 Feb 2005 13:22:29 -0500, Lee Averbeck
> [EMAIL-REMOVED]> wrote:
>
>> I'm trying to do a CSS image rollover instead of JS.
>> They work correctly in IE but not Mozilla if I set "display:
>> inline-block"
>
> Mozilla browsers don't support inline-block (Opera does, BTW).
>
> http://wellstyled.com/css-nopreload-rollovers.html

How about an <img> that's totally transparent, then style its background  
like the article says:

a img { background-image: ... }
a:hover img { background-position: ... }

Or, maybe style them as blocks, then float them?

-- 
Andrew Gregory, <URL: [EMAIL-REMOVED] >
<URL: http://www.scss.com.au/family/andrew/ >
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: