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

Problem z z-index.

VPS Starter Arubacloud
0 głosów
200 wizyt
pytanie zadane 31 stycznia 2017 w HTML i CSS przez Radekol Bywalec (2,880 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 VIP (123,060 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,880 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 VIP (123,060 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,880 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ź 234 wizyt
0 głosów
1 odpowiedź 251 wizyt
0 głosów
1 odpowiedź 178 wizyt
pytanie zadane 30 maja 2018 w HTML i CSS przez afqedart Mądrala (5,050 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...