• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z z-index.

0 głosów
99 wizyt
pytanie zadane 31 stycznia 2017 w HTML i CSS przez Radekol Bywalec (2,900 p.)
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?
komentarz 31 stycznia 2017 przez ViruS Stary wyjadacz (10,700 p.)
z-index=9999; nadaj liście menu ul>li, albo rodzicowi listy (jak masz menu w jakimś divie)
komentarz 31 stycznia 2017 przez pablop76 Szeryf (89,110 p.)
Witam. Warstwy ustawia się za pomocą własności position innej niż static + z-index. Zależy jeszcze jak podlinkowałeś slider. Pokaż kod.
komentarz 1 lutego 2017 przez Radekol Bywalec (2,900 p.)
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>

 

1 odpowiedź

+1 głos
odpowiedź 1 lutego 2017 przez pablop76 Szeryf (89,110 p.)
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 :).
komentarz 2 lutego 2017 przez Radekol Bywalec (2,900 p.)
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

Podobne pytania

0 głosów
1 odpowiedź 159 wizyt
0 głosów
1 odpowiedź 45 wizyt
pytanie zadane 30 maja 2018 w HTML i CSS przez afqedart Gaduła (4,520 p.)
0 głosów
1 odpowiedź 88 wizyt
pytanie zadane 24 sierpnia 2018 w HTML i CSS przez schumix Początkujący (330 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

62,337 zapytań

108,479 odpowiedzi

226,466 komentarzy

35,315 pasjonatów

Przeglądających: 263
Pasjonatów: 12 Gości: 251

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...