文本和活動鏈接上的漸變

Question

我把固定位置的白色到透明的PNG放在窗口頂部的文本上，它工作正常：當我滾動我的頁面文本時smothly消失。問題是：我不能點擊位於我的漸變下的鏈接。我明白爲什麼會發生這種情況，而且我明白，將圖像放在文本之上的明顯解決方案對我來說並不適合。

是否有其他解決方案將梯度圖像放在文本上，並使該圖像下的鏈接保持活動狀態。

謝謝。

例如：http://jsfiddle.net/fl00r/sBy6G/10/

Answer 1

您可以使用pointer-events: none;然而，舊的瀏覽器不支持此方法的鏈接。

https://developer.mozilla.org/en/CSS/pointer-events

除此之外，所有我可以建議正在下降JS途徑和附加click事件。

Answer 2

您可以設置z-index漸變div如下：z-index: -1;，你仍然有你想要的效果相同，並在它的鏈接（實際上是文本和鏈接將是它上面因爲第二個divz-index被自動設置爲0）將工作。

這裏是我的變化http://jsfiddle.net/sBy6G/8/