Zdravim,
pokusim sa Vam vysvetlit moj problem:
niekde na stranke mam div z pozicovanim relative a nad nim dalsi div s absolute, ktory zasahuje do toho divu pod nim, a je skryty pomocou display: none. Ale ako nahle ho zobrazim s display:block, tak ta cast ktora zasahuje do toho div-u pod nim sa "pod neho skryje"....
Proste to inak neviem urobit, aj ked sa to urcite nejak da (asi pomocou JS), a neviem sa poriadne gooooogla opytat, stale mi sipe sprostosti... a nadovazok jscript tiez moc nemusim, ale ho potrebujem
pls, vy mi niekto jednoducho poradit jak nato??
Fórum › JavaScript, AJAX, jQuery
Prekryvanie divov s nastavenym pozicovanim
![](img/forum_vlakno_help_vyreseno.png)
neviem, ale podla mna je to vyslovene problem CSS a nie JS :-)
no k teme: myslim, ze to mas presne naopak.. ten div ktory ides prekryvat ma mat absolute a
ten div s ktorym to ides prekryvat nema mat prednastavene position ( resp. neuvedene, vtedy je t myslim automaticky none; )
4 Lordest: ano pravdu mas, ale ako urobim div ktory ma prekryvat bez position??
tu je ukazka... ako to myslim... vyskusajte... a pochopite :)
<div style="position:relative;width:500px;height:200px;background-color:#f2f2f2;" onmouseover="document.getElementById('prvy').style.display='block';" onmouseout="document.getElementById('prvy').style.display='none';">
obsah obsah obsah obsah obsah
<div id="prvy" style="position:absolute;width:200px;height:200px;top:150px;left:0px;display:none;background-color:red;">
obsah vnoreneho divu ktory sa bude za pomoci JS skryvat a zobrazovat
</div>
</div>
<div style="position:relative;width:500px;height:200px;background-color:#e0e0e0;" onmouseover="document.getElementById('druhy').style.display='block';" onmouseout="document.getElementById('druhy').style.display='none';">
obsah obsah obsah obsah obsah
<div id="druhy" style="position:absolute;width: 200px;height:200px;top:150px;left:0px;display:none;background-color:blue;">
obsah vnoreneho divu ktory sa bude za pomoci JS skryvat a zobrazovat
</div>
</div>
chlapaci, ja Vas zastrelim, to nik nevie, alebo sa zase blbo pitam...??... jedine ma napada urobit funkciu ktora vsetkym ostatnym divom odobere na ten cas zobrazenia position... alebo ??
jezis ja som pako, diki JannBaill... presne toto som hladal (aj ked som o tom vedel, ale som nejak pozabudol na to) , a skombinovanim s jscriptom mi to teraz krasne slape... este raz diki...
Mám podobný problém a s vlastností z-index se mi nedaří problém vyřešit. Koukněte prosím na stránku www.greendayband.cz, a když v menu vyberete ,,KAPELA'' tak vyjížděcí menu se schová pod kalendář. Zkoušel jsem různě kombinovat z-index a pozicování a neúspěšně. Děkuji za každou radu.
To menu je rozbite cele :) Podarilo se mi rozbalenim, prejetim do obsahu a pak zpet do menu (kurzor v oblasti pod menu, kde neni text) vyvolat chovani, ze to blika, rozbaluje se a zabaluje a porad dokola :) Ja bych ho smazal a nasel si jine.
Zkousel jsem pridat na konec kodu z-index, ale ani to nehlo. takze to s nim asi uplne nesouvisi
ul#menu-top ul
{position:absolute; z-index:100 !important; border:2px solid #f00;}
div#eventCalendarDefault
{position:absolute; z-index:200 !important; border:2px solid #0f0;}
div#header,
div#header div,
div#header ul,
div#header li,
div#header a
{
z-index: 100;
opacity: 1 !important;
border: 1px solid #00f;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(none)";
filter: progid: DXImageTransform.Microsoft.Shadow(none);
text-shadow: none;
}
A prekryva se to uplne v pohode. takze, problem zpusobuji ty shadow. Priste, az budes mit dotaz, tak si muzes nejdriv odmazat css (ulozit si ho bokem0 a pridavat ho tam postupne, dokud se to nezacne chovat tak, jak se to chovat nema. Usetris tak spoustu casu cekanim na nekoho, kdo bude ochotny se v tom komplikovanem kodu vrtat. jestli vubec nekdo.
![](img/forum_nove_psp_new.png)
Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
![](/img/smile/1.gif)
![](/img/smile/2.gif)
![](/img/smile/3.gif)
![](/img/smile/4.gif)
![](/img/smile/5.gif)
![](/img/smile/6.gif)
![](/img/smile/7.gif)
![](/img/smile/8.gif)
![](/img/smile/9.gif)
![](/img/smile/10.gif)
![](/img/smile/11.gif)
![](/img/smile/12.gif)
![](/img/smile/13.gif)
![](/img/smile/14.gif)
![](/img/smile/15.gif)
![](/img/smile/16.gif)
![](/img/smile/17.gif)
![](/img/smile/18.gif)
![](/img/smile/19.gif)
![](/img/smile/20.gif)
![](/img/smile/21.gif)
![](/img/smile/22.gif)
![](/img/smile/23.gif)
![](/img/smile/24.gif)
![](/img/smile/25.gif)
![](/img/smile/26.gif)
![](/img/smile/27.gif)
![](/img/smile/28.gif)
![](/img/smile/29.gif)
![](/img/smile/30.gif)
![](/img/smile/31.gif)
![](/img/smile/32.gif)
Uživatelé prohlížející si toto vlákno
Podobná vlákna
Menu cez viac divov — založil Peter
Prekrývanie zvuku — založil Majox
Prekryvanie div — založil Anonymous
Zdrojaky - prekryvanie textu — založil janc1
Problem s pozicovanim — založil někdo
Moderátoři diskuze