在固定位置元素下滚动文本答案

【问题标题】：scrolling text underneath a fixed position element在固定位置元素下滚动文本
【发布时间】：2011-11-09 00:17:19
【问题描述】：

我目前正在创建一个单页网站，但是我遇到了一个问题，我需要固定元素下方的滚动文本，但是您可以看到应该在固定位置元素下消失的文本，作为背面的元素-ground，这是一个透明的png，有什么办法可以隐藏文本，因为它在固定位置元素下方滚动。

到目前为止，这是我所拥有的一个小提琴

理想情况下，我想要这样当文本移动到带有红色边框的框后面时，它是不可见的，不需要背景颜色。

【问题讨论】：

【解决方案1】：

我访问了您的网站并窃取了一些图片以更好地了解您要完成的工作。假设我的假设是正确的，您不希望标题上有纯色背景，因为它会弄乱您的页面背景。 ...

查看您的demo

【讨论】：

【解决方案2】：

您需要在#banner 中隐藏文本。从 css 看来，该块中应该有一个背景图像，但它没有显示出来。

标题是透明的，如您在 css 重置中设置的那样，因此如果您希望隐藏文本，则需要颜色或图像。否则，这就像将文本移到一块玻璃后面……除非你有东西可以真正覆盖它，否则你仍然会看到文本。

我怀疑如果标题上有工作背景图像，它会阻止不透明的文本。当我添加背景颜色时，它会达到这种效果。

【讨论】：