2010-10-16 6 views
7

Ich möchte mein div in der Spitze jeder Sache zu zeigen, ich 100% für Breite und Höhe und es zeigen über viele contorl außer einigen haben css z-index und andere Dinge, die ich versuchen, meine div z-index große Zahl zu setzen, aber nichtwie div in der Spitze aller anderen Kontrolle

{ 
    width: 100%; 
    height: 100%; 
    top: 5px; 
    left: 0px; 
    background-color: #FFFFFF !important; 
    padding: 10px; 
    overflow: hidden; 
    visibility: visible; 
    display: block; 
    z-index: 500 !important; 
    position: relative; 
} 

Antwort

17

Da Sie den gesamten Bildschirm abdecken wollen, empfehle ich folgendes:

#overlayDiv { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index:99; 
} 

Hinweis, Sie nicht über die Anzeige und Sichtbarkeit Eigenschaften festlegen müssen. Setze auch keinen Padding oder Rand auf diesem Element! Wenn Sie möchten, dass es eine Auffüllung hat, legen Sie einen Rand für sein Kind/Kinder fest.

Stellen Sie außerdem sicher, dass das betreffende DIV ein direktes Kind des BODY-Elements ist.

+0

Das funktionierte für mich aber, gibt es eine Option, um es nicht zu beheben? –

+0

@PiniCheyni Gibt es ein Problem mit 'fixed'? –

+0

in meinem Fall wollte ich es nicht reparieren lassen, ich habe eine dynamische Seite, die Elemente über dieses div hinzufügt, anstatt dieses div nach unten zu schieben, macht dieses div an dieser Position fixiert –

0

um ein hTML-Element aus dem natürlichen Fluss, wie die Elemente zu ziehen auf dem Bildschirm Sie Position funktionierte verwenden müssen legt aus: absolute . Dadurch wird das Element zu einer Ebene über den anderen Elementen (vorausgesetzt, der Wert für den Z-Index ist größer als für alle anderen Elemente).

Gerade jetzt scheint Ihr Element Position: relativ.

+0

Ich versuche Position: absolut das gleiche Problem – new

0

Wahrscheinlich hängt das Problem mit position:relative zusammen. Setzen Sie es stattdessen auf absolut, und wenn Sie das Element versetzen müssen, verwenden Sie margin anstelle von top/left.

0

Könnte es sein, dass das Problem nur mit selects und in IE6 existiert? Wenn ja, schauen Sie sich die answers here an.

Verwandte Themen