首页 > 开发 > CSS > 正文

css的pointer鼠标类型详解(支持IE,firefox,chrome)

2024-07-11 08:53:31
字体:
来源:转载
供稿:网友

是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。

CSS pointer-events

Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生效还得借助于一点点css。该属性称之为pointer-events,基本上可以将它设置为auto,这是正常的行为,而“none”是一个有趣的属性。

将它应用到一个元素

如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件,而是让事件穿过该元素到达下面的元素,就像这样:


复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表