CSS - Drop down menu se schová za obrázek
Dobrý den, měl bych jednu záhadu na rozluštění:
<div class="nav">
<ul>
<li><a href="index.html" id="aktivni">Domů</a></li>
<li><a href="aktualne.html">Aktuálně</a></li>
<li><a href="neco">O nás</a></li>
<li><a href="#">Informace</a>
<ul>
<li><a href="#">Normy</a></li>
<li><a href="#">Normy</a></li>
<li><a href="#">Normy</a></li>
</ul>
</li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div> <!--end-nav-->
Pod tímto menu mám obrázek, ale když se provede :hover, tak se rozjeté menu schová za obrázek.
http://imageshack.us/photo/my-images/694/errorap.p ng/
Děkuji za odpovědi.
Dodatek, je to <div> s obrázkovým pozadím.
Lepšie by bolo kebyže sem dáš odkaz na tvoju web stránku, pretože si viem ihneď pozrieť štýly, HTML kód a JavaScript.
Pozri či nemáš na obrázku absolútnu alebo fixnú pozíciu. Skús na menu nastaviť väčší z-index.. Tam môže byť toho veľa.
Už je vyřešeno. Ten <div> jsem měl v divu header a tomuto divu jsem nastavil position:relative.
Neočekávaně nastal problém. Menu se nepouští v IE (mám v.9). Zkoušel jsem i hover.htc, csshover.htc, ale nefunguje.
Jak už bylo napsáno, z tohohle nikdo nic nevyluští, bez CSS ti nikdo nepomůže, jestli v tom má prsty jQuery nebo JavaScript tak i ten.