當z-index為負值時，onclick無法在webkit或mozilla中運行

Question

我有以下div設置，只適用於IE9。 在Moz和Webkit上，onclick不會觸發。 如果我將z-index變為0，則onclick可以工作，但我對網站中的其他元素有可見性問題。 有沒有辦法通過負z-指數獲得onclick？

<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">

Answer 1

z-index為-這絕對是問題所在。 Moz / Webkit中發生的事情是預期的結果，你必須對拾取點擊的對象進行不可見/透明的覆蓋，從而不讓它進入實際的鏈接。

有幾件事你可以做..
1）找到覆蓋它的對象（在Chrome中非常簡單，只需右擊 - 檢查元素，通常鼠標下的直接元素將在檢查器中自動突出顯示。然后對於此元素，給出一個css規則：

pointer-events: none;

這允許點擊通過它和下面的對象注冊。 請注意瀏覽器對此的支持不是很好，所以我建議另一個解決方案：

2）重構你的代碼，這樣你就不會遇到這個問題，在邏輯世界中為什么你會在鏈接的頂部有任何東西呢，這真的是糟糕的結構，重新考慮你的邊距/填充，或者制作一個jsfiddle所以我們可以更好看:)。