显示下一层时，带有超链接的下层（z-index）将被禁用（html）

Question

  

可能重复：
  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>