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

Question

当父 .block 元素具有 pointer-events:none 且子元素具有 position:absolute 时，我无法 select 文本。当我删除 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。

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

Why can't I select text when pointer-events:none and position:absolute are applied?

css

css-position

pointer-events