Previous Message
Next Message

hover pseudo class

Sent by BJ on 24 May 2005 16:04


"is it possible to
use the hover pseudo class to affect the "display" property of a separate
div? I want to have a row of thumbnails on the left, and as you roll the
mouse over a thumbnail a larger image appears on the right. Easy enough to
do with javascript, but can you do it using just css?"


Yes, css will do this-- in every browser BUT (drumroll here . . . .) you 
guessed it.  IE.  IE only recognizes hover on links.

You might want to peek at how Eric handled it in his css popups 2 
demonstration here, though his hovers are links.  The "separate div" 
thing is solved by absolute positioning:
<http://www.meyerweb.com/eric/css/edge/popups/demo2.html>

Also, dropdown/flyout menus often "solve" this problem so you might be 
able to use their solution, the csshover.htc file served to IE in a 
conditional comment.  See these two methods:
<http://www.positioniseverything.net/css-dropdowns.html>
<http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp>

Good luck!
bj

______________________________________________________________________
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

Possibly related: