CSS使重叠div下的div可单击[重复]

vxqlmq5t  于 2023-01-22  发布在  其他
关注(0)|答案(1)|浏览(171)

此问题在此处已有答案

How to make a border overlay child div?(1个答案)
2天前关闭。
看这幅图像。

我有两个div。一个是灰色的盒子,另一个是有边框的div。

<div class="container">
  <div class="border-overlap"></div>
  <div class="box">
     There's text here and some links which should be clickable.  
  </div>
</div>

问题:我不能点击灰框内的任何链接,因为有边框的div与它重叠。
我怎样才能使灰框中的链接可以通过边框div点击?
我必须在没有以下条件的情况下完成此任务:

  • 在带边框的div中 Package 灰色框
  • 给灰框内的链接一个更大的z轴,因为这些链接会与边框重叠(见图。单词“box”,即使它是一个链接,会被点击,也应该留在边框后面)
z2acfund

z2acfund1#

你可以加上

.border-overlap {
   pointer-events: none;
}

因此该元素上任何单击事件都将从下面的元素中捕获
作为一个旁注,我建议使用伪元素而不是空元素,只是为了样式的目的
x一个一个一个一个x一个一个二个x

相关问题