2012-04-10 14 views
1

Ich habe ein DIV-Element mit einem Hintergrundbild und ich versuche, es über das NAV-Element zu schweben, das die Menüleiste im Thema 2011 darstellt. Allerdings erscheint die DIV immer unterhalb des NAV Element:Wie schwebe ich ein DIV über das NAV-Element?

CSS

nav#access { 
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 
    z-index: 9999; 
} 

div#logo { 
    height: 122px; 
    width: 120px; 
    position: absolute; 
    top: 20px; 
    left: 280px; 
    background: url(images/mylogo.png); 
    z-index: 1; 
} 

Der DIV wird hinzugefügt, um die Datei header.php im Thema 2011 als erstes Element im Inneren des Körpers Element.

+0

können Sie ein Beispiel in http://jsfiddle.net/ für ein besseres Verständnis – sandeep

Antwort

1

Ihr <div> Element hat einen niedrigeren z-index als Ihr <nav> Element und wird daher immer "darunter" erscheinen.

Sie müssen nur div#logo { z-index:10000; } oder höher angeben es vor dem

+0

Ehrfürchtig zeigen zu bringen! Ich hatte den Eindruck, dass es auf die andere Weise funktionierte, d. H. "Z-index: 1" würde Vorrang vor "z-index: 2" haben ... – travega

Verwandte Themen