Question

<div class="box">
  <div class="top">
  </div>
  <div class="bottom">
    <img src="//placehold.it/300x300">
  </div>
</div>

.bottom{
    position: absolute;
    bottom: 0;
}

我有2个方块，顶部和底部。在底部的块中，有一幅图像应该在一个位置上覆盖顶部的块。它覆盖好，但我不能单击顶部块的元素，因为浏览器认为我单击底部。如何解决？

Answer 1

添加

pointer-events : none;

转到您的.bottom元素。