在粘性标题下添加半透明框

Question

我正在寻找更新此站点http://www.zackseckler.com/ 的 CSS，以便粘性标题在文本和徽标下方有一个半透明或不透明的框（使其更明显）。关于如何进行的任何想法？

我尝试了以下方法，但无济于事......

#header {
margin-left: 0px;
width: auto;
height: 90px;
padding: 0px;
padding-left:185px;
font-size: 35px; color:#FFFFFF; 
background-color: #f6c491;
position: fixed;
top: 0;
left: 0;
right: 0;}

谢谢， 扎克

Answer 1

如果你读过我最初的回答，算了，我看错了。

首先，我不确定您从哪里获得#header id，因为我在您的网站上的任何地方都没有看到它。
其次，你走在了正确的道路上。您只需要设置透明背景并使用填充而不是边距（在您的情况下）。您可以根据需要使用不透明度，现在设置为 0.98

只需在样式表的第 437 行（或附近）替换这部分

@media only screen and (min-width: 768px){
    .header.stacked {
        padding-top: 30px;
        padding-bottom: 15px;
        background: rgba(246,246,246,0.98);
        text-align: center;
    }
}