» Poradna » Web a internet

Překrývání rozbalovacího menu sliderem (z-index)

 |   |  Microsoft Windows 10 Chrome 65.0.3325.181

Ahoj,chci se zeptat, jak nastavím, aby mi slider nepřekrýval rozevírací menu, nevím si už rady.viz. http://www.emporio-exclusive.cz/index2.phpZkoušel jsem si pohrát s nastavením z-indexu, ale marně. Prosím o pomoc. Díky

Odpovědi na otázku

 |   |  Microsoft Windows 7 Firefox 59.0

nastav ještě prvku, který bude pod menu, z-index menší než má menu

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Macintosh OS X AppleMAC-Safari 5.0

To jsem prave zkousel nepodarilo se :( mohl bys prosim ukazat primo v kodu? Je to jssor slider z netu..

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Macintosh OS X Chrome 65.0.3325.181

změň si CSS na:#nav li ul { display: none; z-index: 1000;}a html pro slider:<div style="position: absolute;display: block;top: 0px;left: 0px;width: 1000px;height: 350px;z-index: 0;"><div style="position: absolute; display: block; top: 0px; left: 0px; width: 1000px; height: 350px; transform: scale(1.001);"><div data-u="slides" style="cursor: default; position: absolute; top: 0px; left: 0px; width: 1000px; height: 350px; overflow: hidden; margin: 0px; padding: 0px; z-index: 0; pointer-events: none;"><div style="top: 0px; left: 0px; width: 1000px; height: 350px; position: absolute; z-index: 0; display: none; transform: translate3d(-693.307px, 0px, 0px);"></div></div><div data-u="slides" style="cursor: default; position: absolute; top: 0px; left: 0px; width: 1000px; height: 350px; overflow: hidden; margin: 0px; padding: 0px; z-index: 0;"> <div data-p="170.00" style="z-index: 1; top: 0px; left: 0px; width: 1000px; height: 350px; position: absolute; overflow: hidden; perspective: 170px; transform: translate3d(-1000px, 0px, 0px);" data-events="auto" data-display="block"> <img data-u="image" src="img/001.jpg" border="0" style="top: 0px; left: 0px; width: 1000px; height: 350px; position: absolute; display: block; z-index: 1;" data-events="auto" data-display="block"> </div> <div data-p="170.00" style="z-index: 1; top: 0px; left: 0px; width: 1000px; height: 350px; position: absolute; overflow: hidden; perspective: 170px; transform: translate3d(-1000px, 0px, 0px);" data-events="auto" data-display="block"> <img Ukázat celý příspěvek

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Macintosh OS X Chrome 65.0.3325.181

sakra, stačí změnit tohle:<div style="position: absolute;display: block;top: 0px;left: 0px;width: 1000px;height: 350px;z-index: 0;">přidání z-index:0vyzkoušel jsem to v chrome a funguje to

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 65.0.3325.181

Achjo, stejně mi to nejede.... <div id="header"> <div class="center"> <div id="logo"> <a href="/"><img src="/_images/logo_green.png" alt="" title=""/></a> <form action="/vyhledat/" method="post"> <input type="text" name="search" placeholder="Vyhledat na webu"/><button type="submit"><i class="fa fa-search"></i></button> </form> </div> <div id="nav-block"> <div class="mobile-menu"><span>HLAVNÍ NABÍDKA</span><i class="fa fa-bars"></i></div> <ul id="nav"> <li <?PHP echo $Main->getMenuActive(); ?>> <a href="/" class=""><i class="fa fa-home"></i> O firmě</a> <ul> <li <?PHP echo $Main->getMenuActive("podporujeme"); ?>><a href="/podporujeme/" class=""><i class="fa fa-usd"></i> Podporujeme</a> </ul> </li><li <?PHP echo $Main->getMenuActive("sluzby"); ?>><a href="/sluzby/" class=""><i class="fa fa-wrench"></i> Služby</a>  Ukázat celý příspěvek

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 65.0.3325.181

VYŘEŠENO! Musel jsem změnit z-index na z-index:-1;<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1000px;height:330px;overflow:hidden;visibility:hidden;z-index:-1;">

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 65.0.3325.181

Jenže teď mi nejde posouvat fotky posuvníkem, ani šipkami.. :D achjo

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Stream.cz, Stream, Index, Slider


Určitě si přečtěte

Za hranicemi Chromu: 13 nejzajímavějších prohlížečů, které „nikdo“ nepoužívá

Za hranicemi Chromu: 13 nejzajímavějších prohlížečů, které „nikdo“ nepoužívá

** Šesti nejpoužívanějším prohlížečům patří 94 % trhu ** Různé „klony“ Chromu slibují lepší funkce nebo jiný design ** Také Firefox má řadu zajímavých odnoží

Lukáš Václavík | 40

Windy je laboratoř na počasí: 12 tipů, jak se ve službě vyznat a využít ji naplno

Windy je laboratoř na počasí: 12 tipů, jak se ve službě vyznat a využít ji naplno

** Předpověď počasí Windy nabízí nepřebernou škálu funkcí ** Zorientovat se v nich nemusí být vždy snadné ** Proto přinášíme 12 užitečných tipů a triků

Karel Kilián | 10

Zapomeňte na kometu, české nebe každý den křižují mnohem zajímavější kousky

Zapomeňte na kometu, české nebe každý den křižují mnohem zajímavější kousky

** České nebe každý den křižuje hromada exotických letounů ** Na populární mapě Flightradar24 je ale nenajdete ** Jsou to vojenské letouny USA, UK a NATO

Jakub Čížek | 37


Aktuální číslo časopisu Computer

Megatest: nejlepší notebooky do 20 000 Kč

Test 8 levných IP kamer

Jak vybrat bezdrátová sluchátka

Testujeme Android 11