CSS pointer-events什么意思.怎么样指向后代元素

html-css025

CSS pointer-events什么意思.怎么样指向后代元素,第1张

创建两个 div 元素，在每个 div 元素上面添加一个遮罩层，其中的文字被盖住了。为了显得有文艺范，div 中的内容引用了莎士比亚的十四行诗。正常情况如下，因为 div 上面有遮罩层，所以无法选中文字。添加 pointer-events: none 之后，就可以穿透遮罩层顺利拷贝文字了。

Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性，IE6/7/8/9都不支持（IE11又支持，不过很好的一点是在ie中给a加disabled 点击事件自动无效。），Opera在SVG中支持。 但是 该属性HTML中 不支持

1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交

2、让链接不能点击

3、让鼠标点击穿透上方的 div

使用z-index:来给元素层定位置。\x0d\x0a\x0d\x0aCSS pointer-events\x0d\x0aPointer-events原本来源于SVG，目前在很多浏览器中已经得到体现。不过，要让任何HTML元素生效还得借助于一点点css。该属性称之为pointer-events，基本上可以将它设置为auto，这是正常的行为，而“none”是一个有趣的属性。\x0d\x0a将它应用到一个元素\x0d\x0a如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件，而是让事件穿过该元素到达下面的元素，就像这样：\x0d\x0a