Javascript 重叠div'；点击

如何单击重叠div后面的链接

css是

#apDiv1 {
position: absolute;
left: 38px;
top: 28px;
width: 221px;
height: 182px;
z-index: 1;
text-align:right;
}
#apDiv2 {
position: absolute;
left: 117px;
top: 13px;
width: 169px;
height: 210px;
z-index: 2;
}

html是

<div id="apDiv1"><a href="javascript:alert('link1');">Link 1</a></div>
<div id="apDiv2">
  <p>&nbsp;</p>
<p><a href="javascript:alert('link 2');">Link 2</a></p>
</div>

试试这个：

添加

指针事件：无到上分区（
apDiv2
），然后：

#apDiv2 a {
    pointer-events:auto;
}

为上分区中的链接重新启用它

似乎至少在FF工作

更新了
以便您能够单击链接1

，对吗？这里有一个.See的可能副本，它建议添加

指针事件：无，但是，这会使链接2不可链接，我想这是您不想要的@马特伯兰-我无法在你的小提琴上点击链接1。谢谢马特，我注意到你增加了不透明度，但仍然无法点击链接1