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

你可能感兴趣的:(CSS)