博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何让被遮挡层可以进行事件点击?(纯CSS方法)
阅读量:6648 次
发布时间:2019-06-25

本文共 270 字,大约阅读时间需要 1 分钟。

非常简单:

外层(被遮挡的层){    pointer-events: none;} 内层(要发生事件的层){    pointer-events: auto;}

pointer-events属性本身有很多取值,但只有none和auto可以用在浏览器上,其他都只能应用在SVG上

取值none:元素永远不会成为鼠标事件的target

取值auto:与pointer-events属性未指定时的表现效果相同(即将元素恢复成为鼠标事件的target)

这里不要忘了给内层添加auto属性,否则被外层包裹的所有内层无法成为鼠标事件的target了

转载地址:http://mnyto.baihongyu.com/

你可能感兴趣的文章
poj1163 数字三角形 (动态规划)
查看>>
使用VS2012遇到的问题
查看>>
插入排序
查看>>
copyright symbol issue
查看>>
jasypt-spring-boot
查看>>
左值、左值引用、右值、右值引用
查看>>
中转注入
查看>>
开源 java CMS - FreeCMS2.3会员个人资料
查看>>
Linux常用的网络命令
查看>>
设计师的视觉设计五项修炼
查看>>
[C] 让VC支持C99的整数类型V1.01。避免包含目录问题,更名auto_stdint.h、auto_inttypes.h(在VC6至VC2012、GCC、BCB等编译器下测试通过)...
查看>>
Java EE之RMI
查看>>
MySQL常用数据类型介绍
查看>>
CentOS的远程桌面(xdm)
查看>>
android 常见的解决(mdpi、hdpi 、xhdpi、xxhdpi )屏幕调整
查看>>
8 shell命令之find
查看>>
mysql 管理脚本
查看>>
Excel中substitute替换函数的使用方法
查看>>
使用强大的可视化工具redislive来监控我们的redis
查看>>
MyBatis源码解读(2)——MapperProxy
查看>>