在JavaScript元素頂部覆蓋div

我想覆蓋div（1）與另一個包含JavaScript（在這種情況下，谷歌地圖API v3）的div（2）頂部的背景圖像。這可能嗎？在JavaScript元素頂部覆蓋div

我試着搞亂z-index沒有運氣，我不能使用絕對定位，因爲我依靠div（1）來定位其他div。

一個簡單的例子可以在這裏找到 - itgeekgroup.com

試圖讓itgeek講話泡沫疊加的谷歌地圖。

乾杯， Giles。

2012-09-23 Giles

首先，一個代碼示例是個好主意，因爲我們需要知道很多細節。（例如，其他div依賴div（1）的位置？）

您不能在箱型或內聯（模型）中疊加div。

您可以嘗試使用負邊距移動div（2）上的div（1），但這不是優雅的解決方案。

您應該重新考慮使用絕對定位，因爲它顯然是更好的解決方案。

2012-09-23 16:48:40 Rodik

上傳我有問題的文件，我剛刷了一起，現在，請忽略任何微小的差異HTTP ：//itgeekgroup.com/試圖讓itgeek講話泡泡覆蓋在Google地圖圖片上。 – Giles

我建議將div（1）放置在半透明Google地圖容器下方的背景圖片上，因爲那樣您仍然可以訪問Google地圖控件。這可以通過在兩個容器上使用opacity和z-index CSS屬性來完成。

這裏是一個JS撥弄使用谷歌地圖API現場演示：jsfiddle.net/Xk87Y/

來源

2012-09-23 17:03:32

回答