• 欢迎访问小辉博客,有访必回!广告为已更换为百度联盟,希望随手点下,虽然博客是兴趣所在,但也想有一个良性循环!请大家谅解!

css穿透绝对定位的层使下面的链接可点击

前端 小辉 557次浏览 已收录 3个评论 扫描二维码

今天做wodedaima.com时候遇到了穿透的问题,百度一下之后

pointer-events: none;

注意:如果你铺了背景颜色或者背景图片那就不可以了, 下面的链接全都不能点击了。
但层里的所有a链接也不生效了

扩展阅读:

Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生效还得借助于一点点css。

该属性称之为pointer-events,基本上可以将它设置为auto,这是正常的行为,而“none”是一个有趣的属性。

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


小辉博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明css穿透绝对定位的层使下面的链接可点击
喜欢 (1)
[cnbzzh@qq.com]
分享 (0)
小辉
关于作者:
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. 学习了
    企业咨询2017-02-14 11:18 Reply Windows 7 | Firefox 51.0
  2. 这个貌似没有怎么接触到。。。。
    故事会2017-02-18 16:12 Reply Windows 7 | Chrome 45.0.2454.101
  3. 来支持支持
    乐赚1682017-02-20 12:23 Reply Windows 10 | Chrome 49.0.2623.75