By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,092 Members | 1,597 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,092 IT Pros & Developers. It's quick & easy.

Pure CSS Image Rollover Menus?

P: n/a
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.
Oct 25 '07 #1
Share this Question
Share on Google+
2 Replies


P: n/a
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
Oct 25 '07 #2

P: n/a
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
Oct 25 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.