Web 如何使网站对象在滚动时淡出？（透明渐变）

我有一个网站，正文上有一些文字，顶部有一个固定的菜单栏

我希望文本在滚动时“淡出”，而不是消失在其他元素后面

我的网站的背景是灰色的，所以我做了一个从灰色到透明的渐变

它工作得很好，只是你可以分辨出网站上有一条灰色的带子

为什么irt显示出一种不好的颜色

我知道PNG gamma校正，但这不是它，我已经删除了gAMA部分，我也尝试过微调它，没有任何效果。我知道我这样做是对的，因为我在一个坚实的PNG上尝试了它，去掉了gamma数据，它与CSS背景完美匹配

---

有什么办法可以做到这一点吗？！我可以使用任何其他方法，不需要是PNG渐变，但我确实需要它是淡出。

从不透明的灰色渐变为透明的白色。

谢谢，伙计，我刚刚尝试过，但它似乎给了我完全相同的渐变，在浏览器上看起来也一样。我在PhotoshopCS3上，在渐变编辑器上做的。。。有什么想法吗？对不起，伙计，我做错了。它确实会给你一个完全不同的梯度，但它不会。可以说，在透明开始之前，白色开始显现，这样你就可以看到白色的条纹而不是灰色的…有人知道为什么灰色渐变会形成黑色条纹吗？难道颜色不应该消失吗？