Question

我正在考虑更新此网站的http://www.zackseckler.com/的CSS，以便粘贴标题在文字＆amp;下面有一个半透明或不透明的框。徽标（使其更加明显）。有关如何进行的任何想法？

我尝试过以下但无济于事......

#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;
    }
}

在粘贴标题

1 个答案: