"
Team:TU Eindhoven/Template:NavPanel
From 2014.igem.org
(Difference between revisions)
| Line 48: | Line 48: | ||
position:absolute; | position:absolute; | ||
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ | left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ | ||
| + | z-index: 40; | ||
} | } | ||
#nav ul li{ | #nav ul li{ | ||
| Line 56: | Line 57: | ||
#nav ul a{ | #nav ul a{ | ||
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ | white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ | ||
| + | z-index: 40; | ||
} | } | ||
#nav li:hover ul{ /* Display the dropdown on hover */ | #nav li:hover ul{ /* Display the dropdown on hover */ | ||
| Line 64: | Line 66: | ||
background:#6b0c36; | background:#6b0c36; | ||
text-decoration:underline; | text-decoration:underline; | ||
| + | z-index: 40; | ||
} | } | ||
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ | #nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ | ||
text-decoration:none; | text-decoration:none; | ||
| + | z-index: 40; | ||
} | } | ||
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ | #nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ | ||
Revision as of 11:55, 4 August 2014
