gpt4 book ai didi

css - 使在导航栏下滚动的内容不可见但栏具有透明度的方法

转载 作者:太空宇宙 更新时间:2023-11-04 04:54:19 26 4
gpt4 key购买 nike

我不知道该怎么做:

我有一个全屏背景图片,一个固定在顶部的 50% 透明度的导航栏,以及它下面的内容。如何让导航栏在背景图像上保持透明,并且仍然有滚动内容?

现在的问题是,当我向下滚动时,内容进入导航栏下方,并通过透明度显示,这显然看起来很糟糕。

基本上,我希望页面内容滚动并消失在导航栏的底部。我知道我可以使导航栏不透明并为此使用背景图像,但我宁愿只有一个全屏背景图像。

想法?

最佳答案

将内容放在一个固定大小的 block (div) 中,比如将其拉伸(stretch)到整个页面,除了导航栏的大小。然后使用 css 属性 overflow:scroll

使该 div 可滚动

关于css - 使在导航栏下滚动的内容不可见但栏具有透明度的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12773171/

26 4 0