如何将div放在文本区域下并能够处理事件?

时间:2019-05-29 09:39:26

标签: javascript html css dom-events

我想像这样制作文法,就像这样: enter image description here

文本位于文本区域中,并且在其下面有一个用于突出显示的div,当我单击红线时,会显示校正卡,但是div的z-index小于文本区域的div,我就失去了事件吧!

我该如何实施?

1 个答案:

答案 0 :(得分:1)

如果元素A z-index低于(即在其下方)元素B 元素B 应用了以下内容(在初始样式表中或以后,动态地):

element-b {
pointer-events: none;
}

然后,任何点击元素B 的用户都会实际上点击元素A

基本上,点击是直接通过不能接受指针事件的元素,而是点击下面的元素。


进一步阅读:

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events