首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

pointer-events属性实现上面元素可点击

2012-11-07 
pointer-events属性实现下面元素可点击之前类似滚动文字两端变淡显示,只能通过在上面覆盖一个透明度渐变的

pointer-events属性实现下面元素可点击

之前类似滚动文字两端变淡显示,只能通过在上面覆盖一个透明度渐变的png图片,可是这样的话,当文字滚动到图片下方时,就无法点击了。今天才知道原来css中的pointer-event属性可以解决这种情况。

?

pointer-events:auto;——这是默认的情况

pointer-events:none;——这样就使该层不会触发鼠标事件,可以被“穿透”

?

现在支持这一属性的只有Firefox 3.6+, Safari 4 和Google Chrome。

现在新浪微博上也用的这个,IE直接就忽视了。

?

?

?

来源:CSS?pointer-Events To Allow Clicks On Underlying Elements

热点排行