为什么我不能在指针事件：none和position：absolute应用时选择文本？

Question

当父.block元素具有pointer-events:none且子元素具有position:absolute时，我无法选择文本。当我删除position:absolute时，它可以工作，但我需要这个定位。

.block{
  position:relative;
  height:20px;
  background:red;
  color:#fff;
  margin-bottom:20px;
  pointer-events:none;
}

p{
  position:absolute;
  top:0;
  left:0;
  margin:0;

}

<div class="block">hovered</div>
<div class="block"><p>can`t be hovered</p></div>

Answer 1

只需将pointer-events: initial;添加到您的选择器：Demo。注意：pointer-events: all;似乎也可以使用，但是文档提到它只是一个SVG值，因此我会坚持使用initial来将指针事件恢复到初始状态。

作为参考，pointer-events有很多选项，您可以阅读here。