首页 > 解决方案 > 在透明固定元素下滚动

问题描述

问题图片

我正在处理具有透明背景的固定标题的页面。当在这个固定的标题下滚动时,我需要以某种方式使其下面的内容消失,就像如果标题不透明时它的行为一样。

编辑:通过向透明固定元素添加与主体相同的背景并添加属性来修复它

background-position: center top;
background-size: cover; 

标签: htmlcss

解决方案


确实,使用 background-position 属性在标题上设置背景是可行的,但我认为在您的情况下,将其余内容固定到位并将其溢出设置为滚动会更好一些


推荐阅读