滚动内容层位于下方位置：绝对层？

Question

我有一个父div，其中有一个div，其绝对定位覆盖整个父级的半透明颜色层。此颜色层下面有一个内容层，它溢出父div的大小，因此需要可滚动。但是，由于位置前面的绝对元素，我似乎无法滚动内容。

<div style="height:100px;width:100px;overflow:scroll;">
  <div style="position:absolute;height:100px;width:100px;background-color:rgba(0,0,0,0.5)"></div>
  <p>content content content content content content content 
     content content content content content content content</p>
</div>

我最初尝试让父元素相对定位，但这又导致图层与内容一起滚动。我怎样才能更改此结构或css，使内容仍然可滚动，尽管位置：绝对叠加？ （是的，我希望图层位于单独的元素上）

Answer 1

如何将以下CSS添加到绝对定位的元素：pointer-events: none;