Ik was opzoek naar een horizontale dropdownmenu zonder javascript. Ik heb die dan ook gevonden: Voorbeeld, Download.
Nou vind ik die perfect werken, maar ik ben iemand die dan eerst wilt weten hoe het precies in elkaar steekt voor ik het wil gaan gebruiken.
Nou wil ik dat bereiken door de 3 lagen menu te ontleden in 3 versies: 1) alleen een horizontale menu zonder subs 2) menu met subs 3) menu met subs-subs.
Nu ben ik dus begonnen met de horizontale menu alleen: Voorbeeld.
Ik heb die menu dus gestript van alle ander overbodige css en html. En heb nu 2 vragen over waarom de maker van de menu het op die manier heeft gedaan.
(Als je naar de voorbeeld link gaat en dan naar de css pagina zie je de vragen naast het betreffende css gedeelte als comment).
De vraag die ik heb is waarom de maker de z-index gebruikt?
Mijn tweede vraag is waarom de maker het volgende stukje gebruikt:
#menu li:hover > a {
color: #fff;
background: #c60;
}
Is het niet al voldoende door de eerder gebruikte stuk?:
#menu li a:hover {
position: relative;
z-index: 200; /* Nogmaals waarom een z-index? */
color: #fff;
background-color: #c60;
}
Ik hoop dat iemand mij met deze vragen kan helpen en met de rest van de vragen die waarschijnlijk zullen volgen nadat ik de twee lagen menu(menu met subs) ga maken aan de hand van het originele menu.
Alvast bedankt