Question

我需要让浏览器看不见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%;
}

问题是下一个：div比我们工作一个标记（＆＃34;＃marc＆＃34;）工作正常。它看起来很好。但就像其他div一样，我无法使用谷歌地图。

我认为当鼠标悬停在div上时，使用jQuery并使用e.preventDefault()。

请帮帮我。

谢谢并原谅我的英语不好。

Answer 1

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。

浏览器的隐形div

1 个答案: