Pure CSS Image Rollover Menus?

[Casimir]

I am looking into making pure CSS image rollovers.

Do you have any clever (and robust) CSS rollover-tricks?

Or links to such "in the wild"?

I have figured out two methods for this, but have yet to do proper
testing on browser support.

Method I:
On rollover, hide img to reveal background-img.

Method II:
Images in a ul-list, list has a size equal to image size. Overflow
hidden. On rollover, display rollover-img-list-item.

Method II might not work on rollover, but the concept has worked
well with a simple gallery.

[Bergamot]

Casimir wrote:

>
Do you have any clever (and robust) CSS rollover-tricks?
Or links to such "in the wild"?

Not specific to "rollovers", but some interesting and creative uses of
CSS: http://www.cssplay.co.uk/

--
Berg

[Casimir]

Bergamot kirjoitti:

Not specific to "rollovers", but some interesting and creative uses of
CSS: http://www.cssplay.co.uk/

How nice of you to spam your (nice) site. Off topic though.

Topic: Pure CSS Image Rollover Menus. Here are some I have after a
couple of hours of rummaging around.

The definitive answer first:

"Roll Over, Rollovers -- CSS Style" by Eric A. Meyer, dated 03/23/2001
http://www.oreillynet.com/pub/a/java...rollovers.html

Good advice:
"Fast Rollovers Without Preload"
http://www.wellstyled.com/css-nopreload-rollovers.html

"CSS Image Rollover Buttons"
http://www.webcredible.co.uk/user-fr...-buttons.shtml

Thanks for the bandwidth
Csmr