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

Html 在固定位置元素下滚动文本,html,css,overflow,Html,Css,Overflow,我目前正在创建一个单页网站,但是我有一个问题,我需要固定元素下的滚动文本,但是你可以看到固定位置元素下应该消失的文本,作为背景元素,是一个透明的png,当文本在固定位置元素下滚动时,是否有任何方法可以隐藏文本 这是我到目前为止所拥有的一把小提琴 理想情况下,我需要它,这样当文本移动到带有红色边框的框后面时,它就不可访问,而不需要背景色。您需要在#banner中隐藏文本。从css来看,该块中应该有一个背景图像,但它没有显示出来 标题是透明的,正如css重置中设置的那样,因此如果希望隐藏文本,则需

我目前正在创建一个单页网站,但是我有一个问题,我需要固定元素下的滚动文本,但是你可以看到固定位置元素下应该消失的文本,作为背景元素,是一个透明的png,当文本在固定位置元素下滚动时,是否有任何方法可以隐藏文本

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


理想情况下,我需要它,这样当文本移动到带有红色边框的框后面时,它就不可访问,而不需要背景色。

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

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


我怀疑如果标题上有一个工作背景图像,它会在文本不透明的地方阻止文本。当我添加背景色时,它就达到了这种效果。

我访问了你的网站,偷了一些图片,以便更好地了解你想要实现的目标。。假设我的假设是正确的,你不想在页眉上有一个坚实的背景,因为它会弄乱你的页面背景

你可以用


看看你的

如果没有一个有效的PNG,你很难想象你的目标。但是,为什么您反对将覆盖的背景设置为与页面背景相同的颜色?唯一的方法是使用背景颜色或非父背景图像。页面有自己的背景图像,这是噪声。您不能这样做。你怎么会有选择性的透明度?