css中的pointer-events属性怎么用

小编给大家分享一下css中的pointer-events属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站自2013年起,先为新都等服务建站,新都等地企业,进行企业商务咨询服务。为新都企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

绝对定位元素盖住链接或添加某事件handle的元素后,那么该链接的默认行为(页面跳转)或元素事件将不会被触发。

现在Firefox3.6+/Safari4+/Chrome支持一个称为pointer-events的css属性。使用该属性可以决定是否能穿透绝对定位元素去触发下面元素的某些行为。如下:

复制代码

代码如下:






CSS:pointer-events






SinaMail



SinaMail






默认情况下,链接和span元素被绝对定位的两个div都遮住了。分别点击后无反应,即无法触发链接a的默认行为,无法触发span元素的click事件。但开启穿透点击后支持pointer-events的浏览器Firefox/Safari/Chrome中再次点击链接和span则可以触发相应的行为。

以上是“css中的pointer-events属性怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


新闻名称:css中的pointer-events属性怎么用
文章分享:http://bzwzjz.com/article/gedjhj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 四川成都网站制作 企业网站建设公司 品牌网站建设 外贸网站设计方案 高端网站设计 成都定制网站建设 成都网站设计 网站设计 营销型网站建设 成都商城网站建设 成都网站建设公司 成都网站制作 网站制作 定制网站设计 响应式网站建设 手机网站建设套餐 重庆网站设计 成都网站设计公司 成都网站设计 成都网站设计 自适应网站设计 成都网站建设