当前位置: 代码迷 >> Web前端 >> pointer-events属性实现上面元素可点击
  详细解决方案

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

热度:571   发布时间:2012-11-07 09:56:10.0
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

  相关解决方案