pointer-events:none 的应用
2024-09-07 17:54:50
相信很多人都遇到过 Retina屏的1px边框 的问题.
很多人都用 :before,:after 伪类
eg:
.div:after {
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
content: '';
border: 1px solid #e2e2e2;
border-radius: 3px;
-webkit-transform: scale(.5);
-webkit-transform-origin: 0 0;
}
的方式来实现,but用:before,:after 伪类会产生一个bug,即当前元素的 鼠标事件 无效。
这个bug 可以在:before,:after 伪类css 中加上css3的 pointer-events:none 属性,
pointer-events:none
顾名思意,就是没有鼠标事件的意思。
最新文章
- .Net中的反应式编程(Reactive Programming)
- 【翻译自nikic大神】PHP中原生类型的方法
- Java基础の乱弹琴二:break关键字
- Android 和iOS 中关于View 的一点知识
- Spark的部署方式
- OpenJudge 2773 2726 2727 采药
- IE filter &; z-index bug
- 《asp.net mvc3 高级编程》第三章 视图
- Resharper 8.0 的最实用的功能
- Java 根据comboBox选择结果显示JTable
- HDU4706:Children's Day
- 7.Ajax
- Angular项目中共享模块的实现
- Debian中配置静态IP
- Iroha and a Grid AtCoder - 1974(思维水题)
- 11-22 JS中级复习
- .NET ActiveMQ类库
- JAVA中的责任链模式(CH02)
- centos7 安装jdk8 bash脚本 并配置环境变量
- Gitlab CI-3.遇到的问题