我将固定位置的白色到透明的PNG放在窗口顶部的文本上，它工作正常：当我滚动页面时，文字会消失。问题是：我无法点击位于我的渐变下的链接。我理解为什么会发生这种情况，而且我明白将图像置于文本上方的明显解决方案对我来说并不适用。
是否有其他解决方案可以将渐变图像放在文本上，并使此图像下的链接保持活动状态。
感谢。
答案 0 :(得分：3)
您可以使用pointer-events: none;但旧版浏览器不支持此方法。
https://developer.mozilla.org/en/CSS/pointer-events
除此之外我可以建议的是沿着JS路线并附加点击事件。
答案 1 :(得分：0)
您可以为渐变z-index设置div，如下所示：z-index: -1;您仍然可以获得相同的效果及其下的链接（实际上是文字和链接）将高于它，因为第二个div z-index自动设置为0）将起作用。