• 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 niezalogowany
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 (93,570 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 (93,570 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ź 160 wizyt
0 głosów
1 odpowiedź 48 wizyt
pytanie zadane 30 maja 2018 w HTML i CSS przez afqedart Gaduła (4,680 p.)
0 głosów
1 odpowiedź 89 wizyt
pytanie zadane 24 sierpnia 2018 w HTML i CSS przez schumix Początkujący (330 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

64,062 zapytań

110,456 odpowiedzi

231,330 komentarzy

47,827 pasjonatów

Przeglądających: 204
Pasjonatów: 12 Gości: 192

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.

...