Bing元素背後的地圖

Question

如何將Bing地圖發送到我的網頁後面？我有一個應該始終位於頂部的標題，但我無法弄清楚如何將它放在Bing地圖的前景中。如打印屏幕所示（可以找到here），除地圖外，所有內容都位於標題後面。

我已經嘗試過z-index，但沒有任何運氣。有人有一個想法如何做到這一點？

在此先感謝。

Answer 1

爲使z-index正常工作，請嘗試明確設置地圖的position屬性和頂部欄以及display屬性。

試試這個：

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


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

您沒有設置任何的位置方向的屬性（如top，left，等..），所以它不會改變它的實際位置。另外這裏有一個很好的理解爲什麼：http://www.yourinspirationweb.com/en/css-how-to-use-the-z-index-property/