穿透的div——pointer-events:none

一、 定义:css3属性

元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
说明:只能屏蔽鼠标事件,不能屏蔽键盘事件例如tab和enter,屏蔽事件也不是永久,后代指定属性时可能在冒泡时会有影响。

二、兼容

谷歌,火狐支持,ie11以上

三、 使用

  啦啦啦,你点不了我

屏蔽了鼠标事件,但是tab仍然可以选中
更多使用详见 张鑫旭的应用扩展

你可能感兴趣的:(穿透的div——pointer-events:none)