如何避免在绝对定位的表弟div上突出显示所有文本

我在突出显示文字时遇到问题，

段落顶部绝对有一个div封面。在DOM结构中，它们是表亲。

当突出显示下面的段落文本时，一旦光标悬停在封面上，整个段落就会自动突出显示，如何停止此操作？

JS小提琴：https : //jsfiddle.net/toplay3/c741LoLv/

#cover{
  position:absolute;
  top:10px;
  left:50px;
  height:100px;
  width:100px;
  background-color:green;
  /*-webkit-user-select: none;*/
}

出于某种原因，Google幻灯片可以通过svg来避免这种情况，无论如何都可以在html中执行此操作？