介绍如何使用 CSS 的 pointer-events 属性来解决滚动文字背景透明度渐变导致的点击穿透问题。此方法允许底层元素接收点击事件，适用于 Firefox3.6+、Safari4 和 Google Chrome 浏览器。
之前类似滚动文字两端变淡显示，只能通过在上面覆盖一个透明度渐变的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
扫一扫
478
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
