Html 背景色不可见

我试图为一个网页设计两个“标题”。第一个是可见的，而第二个是不可见的。占位符也很好用。我使用的代码如下

.header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        min-width: 512;
        height: 50px;
        background-color: black;
        z-index: 10;
        font-size: 18px;
}
.placeholder{
        height: 50px;
        margin-bottom: 18;
}
.header2 {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        min-width: 512;
        height: 50px;
        background color: black;
        z-index: 9;
        font-size: 18px;
        margin-top: -18;
}

然后，我将进一步实施

<div class="header">
    <a href="file:///C:/Users/wrigh/AppData/Roaming/Sublime%20Text%202/Packages/User/htmlpro.html">REFRESH</a>
    <a href="https://www.facebook.com">FACEBOOK</a>
    <a href="https://www.twitter.com/">TWITTER</a>
    <a href="https://www.instagram.com">INSTAGRAM</a>
    <a href="https:www.youtube.com">YOUTUBE</a>
</div>
<div class="placeholder">
</div>
<div class="header2">
    <a href="https://www.gooogle.co.uk">GOOGLE</a>
</div>

我很困惑，因为header和header2几乎一样。我已经到处乱搞，试图找到问题，似乎第二个标题是透明的。我添加了

不透明度

，但似乎没有任何变化

背景色：黑色

属性名为
背景色

最小宽度：512

页边距顶部：-18

这些都是错误的，因为他们缺少一个单位

你应该检查你的CSS是否有错误

背景色：黑色

属性名为
背景色

最小宽度：512

页边距顶部：-18

这些都是错误的，因为他们缺少一个单位

你应该检查你的CSS是否有错误

背景色：黑色

属性名为
背景色

最小宽度：512

页边距顶部：-18

这些都是错误的，因为他们缺少一个单位

你应该检查你的CSS是否有错误

背景色：黑色

属性名为
背景色

最小宽度：512

页边距顶部：-18

这些都是错误的，因为他们缺少一个单位

您应该检查CSS是否有错误，
这很糟糕。谢谢你，对不起。也谢谢你的链接，我们将询问类似的问题。注意，在怪癖模式下，无单位长度值是可以的；这些被解释为px。@MrLister:Quirks模式的意思是“请忽略我的错误，试着猜测我可能的意思”——而这并不是你真正想要的。为了获得跨浏览器的可靠结果，您要不惜一切代价避免“怪癖模式”。@CBroe虽然我同情您对“怪癖模式”的厌恶，但这是需要注意的，尤其是在这种情况下，我们看不到OP的网页，也不知道是否有DOCTYPE。@李斯特：我想我们可以同意，即使“怪癖”模式允许浏览器按照预期的方式解释错误的CSS值，通常也没有理由将它们留在CSS中。验证它以发现此类错误很容易，谁知道它可能有助于避免未来可能出现的问题……这很糟糕。谢谢你，对不起。也谢谢你的链接，我们将询问类似的问题。注意，在怪癖模式下，无单位长度值是可以的；这些被解释为px。@MrLister:Quirks模式的意思是“请忽略我的错误，试着猜测我可能的意思”——而这并不是你真正想要的。为了获得跨浏览器的可靠结果，您要不惜一切代价避免“怪癖模式”。@CBroe虽然我同情您对“怪癖模式”的厌恶，但这是需要注意的，尤其是在这种情况下，我们看不到OP的网页，也不知道是否有DOCTYPE。@李斯特：我想我们可以同意，即使“怪癖”模式允许浏览器按照预期的方式解释错误的CSS值，通常也没有理由将它们留在CSS中。验证它以发现此类错误很容易，谁知道它可能有助于避免未来可能出现的问题……这很糟糕。谢谢你，对不起。也谢谢你的链接，我们将询问类似的问题。注意，在怪癖模式下，无单位长度值是可以的；这些被解释为px。@MrLister:Quirks模式的意思是“请忽略我的错误，试着猜测我可能的意思”——而这并不是你真正想要的。为了获得跨浏览器的可靠结果，您要不惜一切代价避免“怪癖模式”。@CBroe虽然我同情您对“怪癖模式”的厌恶，但这是需要注意的，尤其是在这种情况下，我们看不到OP的网页，也不知道是否有DOCTYPE。@李斯特：我想我们可以同意，即使“怪癖”模式允许浏览器按照预期的方式解释错误的CSS值，通常也没有理由将它们留在CSS中。验证它以发现此类错误很容易，谁知道它可能有助于避免未来可能出现的问题……这很糟糕。谢谢你，对不起。也谢谢你的链接，我们将询问类似的问题。注意，在怪癖模式下，无单位长度值是可以的；这些被解释为px。@MrLister:Quirks模式的意思是“请忽略我的错误，试着猜测我可能的意思”——而这并不是你真正想要的。为了获得跨浏览器的可靠结果，您要不惜一切代价避免“怪癖模式”。@CBroe虽然我同情您对“怪癖模式”的厌恶，但这是需要注意的，尤其是在这种情况下，我们看不到OP的网页，也不知道是否有DOCTYPE。@李斯特：我想我们可以同意，即使“怪癖”模式允许浏览器按照预期的方式解释错误的CSS值，通常也没有理由将它们留在CSS中。验证它以发现此类错误很容易，谁知道它可能有助于避免未来可能出现的问题…