Problem z z-index.

Question

Mam stronkę internetową. Na tej stronie mam rozsuwane menu z poradnika MZ. Pod menu mam Slider Także z Poradnika MZ. Zdjęcia ze slajdera są linkami do podstron. Problem jest taki że gdy menu się rozsuwa jest "za" sliderem. Gdy wpisze sliderowi z-index minusowy to menu rozsuwa się poprawnie "nad" slidera ale linki z zdjęć ze slajdera nie działają. Jak zrobić żeby menu rozsuwało się poprawnie i linki ze slajdera działały poprawnie?

Comments

z-index=9999; nadaj liście menu ul>li, albo rodzicowi listy (jak masz menu w jakimś divie)

---

Witam. Warstwy ustawia się za pomocą własności position innej niż static + z-index. Zależy jeszcze jak podlinkowałeś slider. Pokaż kod.

---

Do diva slider wstawiam  metoda innerHTML poszczegolne zdjecia linki.


<!--============================nawigacja:)==================================================== -->

<nav>
		<ol id="nav">
			<li><a href ="index.html">Strona główna</a></li>
			<li><a href ="#">Kategorie</a>
				<ul>
					<li><a href ="rece.html">Ręce</a></li>
					<li><a href ="nogi.html">Nogi</a></li>
					<li><a href ="twarz.html">Twarz</a></li>
					<li><a href ="stojaca.html">Pozycja Stojąca</a></li>
					<li><a href ="siedzaca.html">Pozycja Siedząca</a></li>
				</ul>
			</li>
			<li><a href ="#">Artykuły</a>
				<ul>
					<li><a href ="marketing.html" title="Marketing">Marketing</a></li>
					<li><a href ="Pulapki.html"  title="Pułapki Rozowju Osobistego">Pułapki R.O.</a></li>
					<li><a href ="mity.html"  title="Mity Mowy ciała">Mity M.C.</a></li>
					<li><a href ="sherlock.html"  title="Myśl jak Sherlock Holmes">Myśl jak Holmes</a></li>
					<li><a href ="google.html"  title="Czy dostałbyś pracę w google?">Praca w Google?</a></li>
				</ul>
			</li>
			<li><a href ="ksiazki.html"  title="Ciekawe książki o Mowie ciała i nie tylko">Książki</a></li>
			<li><a href ="kontakt.html">O nas</a></li>
			<li><a href ="kontakt.html">Kontakt</a></li>
		</ol>
		<div class="holder" onclick="show()">Menu</div>
	</nav>
<!--============================Slider:)==================================================== -->
	<div id="slider"></div>

 

Answer 1

To nie wystarczy. Przydała by się całość. Ale może spróbuj dać dla nav position:relative; oraz z-index: 9999; Po to żeby dać jej najwyższą pozycję w stosie. Ale usuń slajderowi z-index. Bo jeżeli dałeś linkom z-index minusowy to schowaleś je pod zdjęcia :).

Comments

zadzialalo po prostu dawalem position: reltive i z-index do list ul i li albo ol i nie dzialalo. Wystarczylo dodac to do nav:) :*** dzierkuje