隱形div到瀏覽器

我需要使瀏覽器不可見的div。我的意思是，我有一個div，它就像一個標記，我有另一個包含谷歌地圖的div。隱形div到瀏覽器

爲了更好的理解，我把下一個代碼。

<div id="marc" class="marco"></div> 
<div id="canvas-map"></div>

風格：

.marco{ 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    left: 0; 
    bottom: 0; 
    z-index: 10; 
    background: url("vintaje-montaje.png") no-repeat; 
    background-size: 100% 100%; 
}

的問題是下一個：比我們工作的標誌（「#marc」）的股利工作正常。它看起來很好。但是在其他div之前，我無法使用谷歌地圖。

我以爲使用jQuery並使用e.preventDefault()當鼠標在div上面時什麼都不起作用。

請幫助我。

謝謝你，原諒我的糟糕英語。

來源

2016-01-25 Alejandro Liébana

爲什麼你想把你的形象放在谷歌地圖的div？ –

由於您使用的是絕對定位，因爲您尚未爲「＃canvas-map」定義z-index，因此該元素將作爲頂部z-index指定。給canvas-map div一個絕對位置，設置它的z-index高於marc div。或者，簡單地將畫布貼圖作爲marc的一個孩子，給marc一個z-index 1，並畫一個10的z-index。 – Korgrue

對於審美問題！指針事件：沒有作品！非常感謝！！！！ –

pointer-evens: none將讓你的鼠標/觸摸事件通過.marco傳遞到底層元素：

.marco{ 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    left: 0; 
    bottom: 0; 
    z-index: 10; 
    background: url("vintaje-montaje.png") no-repeat; 
    background-size: 100% 100%; 
    pointer-events: none; 
}

見browser support。

來源

2016-01-25 21:04:08 Turnip

謝謝！有用！我無法將答案標記爲正確，因爲我的聲譽。再次感謝 –

隱形div到瀏覽器

回答

相關問題