我遇到文字突出显示问题,
段落顶部有一个div cover绝对位置。在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;*/
}
由于某些原因谷歌幻灯片能够避免使用svg,无论如何在html中做到这一点?
答案 0 :(得分:2)
您可以使用
pointer-events: none;
<{1}}元素上的
https://jsfiddle.net/c741LoLv/2/
这将从元素中删除正常的指针功能 - 高亮,悬停,焦点等。
CSS属性指针事件允许作者控制特定图形元素在什么情况下(如果有的话)成为鼠标事件的目标。
https://developer.mozilla.org/en/docs/Web/CSS/pointer-events