当z索引为负值时，onclick在webkit或mozilla中不起作用

onclick not working in webkit or mozilla when z-index is negative value

本文关键字：webkit mozilla 不起作用 onclick 索引      更新时间：2023-09-26

我有下面的div集，它只在IE9中工作。在Moz和Webkit上，onclick不会启动。如果我将z索引更改为0，onclick可以工作，但我对网站中的其他元素有可见性问题。有没有一种方法可以让onclick在负z指数的情况下开火？

<div id="adbg" style="margin: 0pt auto; height: 1000px; width: 100%; position: fixed; cursor: pointer; z-index: -1;">
<div OnClick="window.open('/bgClicks/2');" style="background: #fff url('http://www.example.com/img/bg/w_1.jpg') no-repeat center top fixed; height: 100%; width: 100%; margin: 0pt auto; cursor: pointer;"></div>
</div>
<div id="wrapper">

这里的z索引为-肯定是个问题。Moz/Webkit中发生的事情是预期的结果，你必须在点击的对象上放置一个不可见/透明的东西，这样就不会让它进入实际的链接。

你可以做几件事。
1） 找到它上面的对象（在Chrome中很容易，只需右键单击-检查元素，通常鼠标下的直接元素会在检查器中自动突出显示

pointer-events: none;

这允许点击通过它注册到下面的对象。请注意，浏览器对此的支持不是很好，所以我建议另一个解决方案：

2） 重组你的代码，这样你就不会遇到这个问题，在逻辑世界里，为什么你会在链接的顶部有任何东西，这真的是因为结构不好，重新考虑你的边距/填充，或者制作一个jsfiddle，这样我们可以更好地看：）。

相关文章：