"
Team:TU Eindhoven/Template:NavPanel
From 2014.igem.org
(Difference between revisions)
| Line 17: | Line 17: | ||
/* Bring the nav above everything else--uncomment if needed. | /* Bring the nav above everything else--uncomment if needed. | ||
position:relative; | position:relative; | ||
| - | z-index: | + | z-index:50; |
*/ | */ | ||
} | } | ||
| Line 24: | Line 24: | ||
margin-right:10px; | margin-right:10px; | ||
position:relative; | position:relative; | ||
| + | z-index: 40; | ||
} | } | ||
#nav a{ | #nav a{ | ||
| Line 31: | Line 32: | ||
background:#333; | background:#333; | ||
text-decoration:none; | text-decoration:none; | ||
| + | z-index: 40; | ||
} | } | ||
#nav a:hover{ | #nav a:hover{ | ||
| Line 36: | Line 38: | ||
background:#6b0c36; | background:#6b0c36; | ||
text-decoration:underline; | text-decoration:underline; | ||
| + | z-index: 40; | ||
} | } | ||
| Line 49: | Line 52: | ||
padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */ | padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */ | ||
float:none; | float:none; | ||
| + | z-index: 40; | ||
} | } | ||
#nav ul a{ | #nav ul a{ | ||
| Line 55: | Line 59: | ||
#nav li:hover ul{ /* Display the dropdown on hover */ | #nav li:hover ul{ /* Display the dropdown on hover */ | ||
left:0; /* Bring back on-screen when needed */ | left:0; /* Bring back on-screen when needed */ | ||
| + | z-index: 40; | ||
} | } | ||
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ | #nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ | ||
Revision as of 11:54, 4 August 2014
