Javascript 浏览器中不可见的div

我需要使div对浏览器不可见。我的意思是，我有一个类似于标记的div，还有一个包含谷歌地图的div

为了更好地理解，我把下面的代码放在这里

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

问题是下一个：div比mark（#marc）更适合我们。看起来不错。但是，由于领先于其他部门，我不能使用谷歌地图

我想使用jQuery，当鼠标在div上时使用

e.preventDefault（）

什么不起作用

请帮帮我

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

将允许您的鼠标/触摸事件通过

.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;
}

---

请参阅。

为什么要将图像放在google maps div上？因为您使用的是绝对定位，所以该元素位于顶部z索引位置，因为您尚未为“#canvas map”定义z索引，请为canvas map div指定绝对位置，并将其z索引设置为高于marc div。或者，只需将canvas map设为marc的子级，给marc设一个z索引1，给canvas map设一个z索引10。对于美学问题！指针事件：无工作！！谢谢！！！！指针事件在IE的任何版本上都不起作用，最后一个版本除外。如果您关心可访问性，请不要使用指针事件。使用z-index正确构造DOM。指针事件相当于使用！重要的是，它们都是处理未经深思熟虑的DOM结构的黑客方法。指针事件在一些移动浏览器上也像地狱一样有问题。感谢Korgue的支持。我当然关心可访问性。我会照你说的做。谢谢！它起作用了！因为我的名声，我不能把答案标为正确。再次感谢

.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;
}