栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

防止伪元素触发悬停?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

防止伪元素触发悬停?

以下CSS为现代浏览器(而非IE10-)提供了诀窍:

.b:after {  pointer-events: none;}

pointer-events: none
允许元素不接收悬停/点击事件。


警告

pointer-events
对非SVG元素的支持处于相对早期的状态。developer.mozilla.org给您以下警告:

在CSS中将指针事件用于非SVG元素是实验性的。 该功能曾经是CSS3 UI草案规范的一部分,但由于存在许多未解决的问题,因此已推迟到CSS4。

Chrome对Box模式的解释

display: inline-block
导致上述小提琴闪烁。
如果
display: block
改用,您将获得对方框的正确解释。
Firefox没有这个问题。
为了确保一致的盒模型解释,请使用以下命令:


.b:after {  pointer-events: none;  display: block;}

在Chrome中查看此小提琴以查看闪烁效果。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/635389.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号