神奇的css属性pointer-events_html/css_WEB-ITnose
程序员文章站
2022-05-28 12:06:09
...
绝对定位元素盖住链接或添加某事件handle的元素后,那么该链接的默认行为(页面跳转)或元素事件将不会被触发。
现在Firefox3.6+/Safari4+/Chrome支持一个称为pointer-events的css属性。使用该属性可以决定是否能穿透绝对定位元素去触发下面元素的某些行为。如下:
CSS:pointer-events
SinaMail
SinaMail
现在Firefox3.6+/Safari4+/Chrome支持一个称为pointer-events的css属性。使用该属性可以决定是否能穿透绝对定位元素去触发下面元素的某些行为。如下:
SinaMail
SinaMail
默认情况下,链接和span元素被绝对定位的两个div都遮住了。分别点击后无反应,即无法触发链接a的默认行为,无法触发span元素的click事件。但开启穿透点击后支持pointer-events的浏览器Firefox/Safari/Chrome中再次点击链接和span则可以触发相应的行为。
上一篇: 跟老齐学Python之一个免费的实验室
推荐阅读
-
同一个表单,根据单击的按钮跳转到不同的页面_html/css_WEB-ITnose
-
使用css3背景渐变中的透明度来设置不同颜色的背景渐变_html/css_WEB-ITnose
-
请问下,webapp里面长按页面弹出来的菜单可以隐藏或者更改么_html/css_WEB-ITnose
-
请问如何实现table的外框和内框线的粗度不同??_html/css_WEB-ITnose
-
30 套精美免费的 bootstrap 模板_html/css_WEB-ITnose
-
iconfont-矢量图标字体的运用_html/css_WEB-ITnose
-
关于css的兼容_html/css_WEB-ITnose
-
常见移动设备的 CSS3 Media Query 整理(iPhone/iPad/Galaxy/HTC One etc.)_html/css_WEB-ITnose
-
IE8下jQuery改变png图片透明度时出现的黑边问题_html/css_WEB-ITnose
-
IE下自己制作选项卡菜单类中遇到的iframe缓存问题_html/css_WEB-ITnose