Bing Maps hinter Elementen

Question

Wie sende ich Bing Maps an die Rückseite meiner Webseite? Ich habe einen Header, der immer oben sein sollte, aber ich kann nicht herausfinden, wie man ihn in den Vordergrund von Bing Maps stellt. Wie auf dem Druckbildschirm gezeigt (kann here gefunden werden), geht alles hinter der Kopfzeile, außer der Karte.

Ich habe schon versucht den Z-Index, aber ohne Glück. Hat jemand eine Idee, wie man das macht?

Vielen Dank im Voraus.

Answer 1

Damit der z-index ordnungsgemäß funktioniert, müssen Sie explizit das Attribut position der Karte und der oberen Leiste sowie das Attribut display festlegen.

Versuchen Sie folgendes:

#top_bar { 
    display:block; 
    position:relative; 
    z-index:10; 
} 


#map { 
    display:block; 
    position:relative; 
    z-index:5; 
} 

Sie nicht für die Position jeder der Richtungs Attribute gesetzt haben (wie top, left, etc ..) so wird es nicht ändern, es Ist-Position ist. Zusätzlich hier ist eine gute lesen, warum: http://www.yourinspirationweb.com/en/css-how-to-use-the-z-index-property/