滚动时如何让网站对象显示为淡出？ （透明渐变）

Question

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

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

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

它很有效，除了你可以告诉你网站上有一个灰色的带。

Notice the band (starting right above the red arrow) on this screen I printed

为什么irt显示颜色？

我知道PNG伽玛校正，但这不是它，我已经删除了gAMA部分，我也试过“微调”它，没有什么可行的。 （我知道我这样做是因为我在一个坚固的PNG上尝试了它，剥离了伽马数据，它完全匹配CSS背景。）

关于如何实现这一目标的任何想法？！ （我可以使用任何其他方法，不需要是PNG渐变，但我确实需要它是淡出的。）

Answer 1

制作从不透明灰色到透明白色的渐变。