Pure CSS Image Rollover Menus?

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.

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

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

Casimir wrote:

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.

Um, it's not my site. I can't fathom why you thought it was. :-\

And posting such a URL is not off topic for this group. The site has
lots of clever CSS examples, among which are rollover effects that you
could apply to whatever you like, assuming you're smart enough to see
past your own nose.

Thanks for the bandwidth

You're awfully snooty for a newbie (to this group). You'll go real far
with that attitude.

--
Berg