jquery - 当显示下一层(html)时，带有超链接的下层(z-index)将被禁用

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
click link below a higher z-index div

我有两个 div，其中一个最初是通过 css 隐藏的。单击按钮时，jquery 会启动，在第一个 div 的顶部显示第二个 div。第一个 div 仍然可见，尤其是超链接，这就是我想要的。但是，超链接将被禁用，单击它不会有任何好处。

这是我的代码:

<button id="clickMe">Click></button>

<div class="div1">
   <a href="external.html">Load</a>
</div>   

<div class="div2">
   <p>This shows when button is clicked</p>
</div>

这是我的jquery

$('#clickMe').click(function(){
  $('#div2').show();
});

div1 有 z-index: -1; .

超链接仍然可见，但我无法单击它。是否可以在不显示整个 div1 的情况下使其可点击？非常感谢。

Answer 1

另一层(具有透明背景)覆盖它。您无法单击下面的元素，除非您愿意尝试一些 JavaScript hack，如以下相关问题中所述:

• Passing mouse clicks through an overlaying element <div>