如何使用地圖作爲背景？

我想做一些與Foursqure.com有點相似的東西。他們使用當前位置的地圖作爲背景。我爲我的地圖使用Leaflet，並且顯示地圖。我想如果我只是把類似的東西：如何使用地圖作爲背景？

<div id="map"> 
    <h1>Welcome!</h1> 
</div>

然後歡迎！會覆蓋在地圖上。然而，我很天真，這是行不通的。任何人都可以提出一種方法，我可以做到這一點？

編輯： 這是我的一些自定義CSS。我正在使用Twitter引導程序，所以也會發揮它的作用。這個html幾乎就是我在這裏展示的。

#map { 
    width: 100%; 
    height: 400px; 
    z-index: 0; 
} 

.leaflet-container { 
    background: #ffffff; 
}

你有沒有嘗試設置的z-index。 – Scorpio

是的，h1上的z-index不起作用，並且地圖div上的z-index本身也不起作用，只是導致地圖無法使用，因爲所有控件都落後於一切。 –

您是否將非靜態'position'與'z-index'一起使用？告訴我們你已經嘗試過了。 – Bergi

問題是，單張吹出你給它的<div>裏面的任何內容。小冊子期望空的<div>。

只需將z-索引映射到您的其餘內容的下方，該內容應該是地圖元素的兄弟，而不是孩子。

<div id="map"></div> 
<h1>Welcome!</h1>

2012-12-18 21:53:05 josh3736

這似乎是最好的答案。我已將所有內容放在潛水中，並將其重疊到地圖上。謝謝！ –

試試這個：

#map{ 
    position:fixed; 
    width:100%; 
    height:100%; 
    z-index:0; 
}

那去應該給z-index的任何其他含量高於0

2012-12-18 21:16:03

啊我真的希望能夠工作，但不幸的是這是一個不行。 –

然後你所描述的不足以理解你真正想要什麼或者你的問題是什麼。 –

z-index: -1;

嘗試，而不是0

抱歉，這不會這樣工作，因爲你有頭裏面的地圖... 你將不得不重構你的HTML ..

2012-12-18 21:51:31 Scorpio

回答