Aktives Mitglied
Hallo,
heute habe ich mal eine simple Frage die mich schon seit langer Zeit beschäftigt und ich bisher noch nicht ohne irgendwelche umständlichen Workarounds gelöst bekommen habe.
Ich bastel eine Lightbox und der ausgegraute Hintergrund soll der Klickbereich sein, der die Lightbox wieder schließt. Folgender Code:
Nun bin ich eigentlich davon ausgegangen, dass .over2 komplett über .dark liegt und die Cursor-Eigenschaft nicht übernimmt. Gehe ich mit der Maus über die Lightbox bleibt der Zeiger aber ein Pointer.
Welches kleine feine Detail in der Handhabung mit z-index übersehe ich? Weiß da jemand Rat?
LG
heute habe ich mal eine simple Frage die mich schon seit langer Zeit beschäftigt und ich bisher noch nicht ohne irgendwelche umständlichen Workarounds gelöst bekommen habe.
Ich bastel eine Lightbox und der ausgegraute Hintergrund soll der Klickbereich sein, der die Lightbox wieder schließt. Folgender Code:
Code:
.over2 {
width:400px;
height:350px;
background:#fff;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-175px;
position:absolute;
z-index:20;
}
.dark {
display:block;
width:100%;
height:100%;
position:absolute;
z-index:10;
background:rgba(0,0,0,0.5);
cursor:pointer;
}
Code:
<div class="dark">
<div class="over2">
<!-- Irgendwelcher Inhalt -->
</div>
</div>
Nun bin ich eigentlich davon ausgegangen, dass .over2 komplett über .dark liegt und die Cursor-Eigenschaft nicht übernimmt. Gehe ich mit der Maus über die Lightbox bleibt der Zeiger aber ein Pointer.
Welches kleine feine Detail in der Handhabung mit z-index übersehe ich? Weiß da jemand Rat?
LG