Overlay nicht versteckt alle zugrunde liegenden divs

-1

Ich versuche, eine einfache overlay, bestehende WebsiteOverlay nicht versteckt alle zugrunde liegenden divs

.overlay{ 
background-color:black; 
opacity:0.5; 
position:fixed; 
width:100%; 
height:100%; 
display:none; 
}

über eine bereits zu erstellen. Es funktioniert und deckt den gesamten Bildschirm, aber versteckt nur einige der divs, wie das Verbergen der Tasten, aber nicht die Suchleiste oder einige Tabs, so dass tatsächlich nur wenige Dinge durch das Overlay gucken und nicht zurückkommen Ich habe viel nach einer Lösung gesucht, konnte aber keine finden.

Ich versuchte F12 und schauen Sie sich diese lugt Elements CSS zu tun, aber nichts finden konnte, die Mühe wert ist, kein position, kein overflow, dass ich finden konnte.

HTML-Code ist ein einfacher div-Tag mit Overlay als die Klasse

Bitte helfen. Danke !!

Quelle

2016-09-27 Ujjwal Saxena

wo HTML-Code sind? –

könnten wir sicher einige Kontext verwenden :) – AlFra

also versuchen, geben 'Höhe: 100px; Breite: 200px' und prüfen, wie viel Fläche seine Abdeckung –

Wenn ich Sie richtig verstehe, sind einige Elemente über Ihrem Overlay.

Ich würde vorschlagen, einen höheren Z-Index zu versuchen.

Versuch:

.overlay { 
    background-color: black; 
    opacity: 0.5; 
    position: absolut; 
    width: 100%; 
    height: 100%; 
    display: none; 
    z-index: 9999; 
}

Quelle

2016-09-27 06:59:40 Gabbax0r

Thanx Bro .. Z-Index funktioniert :). –

kein Problem :) kämpfte vor einiger Zeit am gleichen Punkt. – Gabbax0r

hat gut funktioniert. versuchen, diese

.overlay{ 
 
background-color:black; 
 
opacity:0.5; 
 
position:fixed; 
 
width:100%; 
 
height:100%; 
 
display:none; 
 
}

<div class="overlay"> 
 
Overlay Div 
 
    <div class="class-1"> 
 
    Test-1 
 
    </div> 
 
    <div class="class-2"> 
 
    Test-2 
 
    </div> 
 
</div>

Quelle

2016-09-27 07:08:28

.trPic{ width:320px; height:240px; background: url(img/flower.png) no-repeat; border:5px solid #000000; } 
 
.trPic .redO{ position:relative; top:0px; width:320px; height:240px; background:#FF2400; opacity:0; } 
 
.trPic:hover .redO { opacity:0.7; }

<!DOCTYPE html> 
 
<html > 
 
    <head> 
 
    </head> 
 
    <body> 
 
    <div class="trPic"> 
 
     <div class="redO"> 
 
     </div> 
 
    </div> 
 
    </body> 
 
</html>

Quelle

2016-09-27 07:19:02 Dhaarani

Overlay nicht versteckt alle zugrunde liegenden divs

Antwort

Verwandte Themen