Prekryvanie divov s nastavenym pozicovanim – JavaScript, AJAX, jQuery – Fórum – Programujte.com

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??

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 ??

,,z-index" je to, co hledáš :). Viz http://www.w3schools.com/Css/pr_pos_z-index.asp

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.

Děkuji za pomoc a rady :)