如何在不添加文本的情况下使 div 背景可见

Question

我有一个具有以下 css 属性的主包装 div：

div#mainWrapper {
    margin: auto;
    width:70em;
    height:100%;
    background: url(../images/header.jpg) no-repeat center center fixed;
    background-size: cover;
}

我想让整个 div 和它的 brackground 可见，即使 div 本身是空的。

我不想使用position:fixed或position:absolute如果可能的话。

Answer 1

除非您在父容器中设置高度，否则您的高度#mainWrapper将计算为 0，并且您将看不到背景图像或颜色。

将高度设置为 100px 以仔细检查您的图像是否正确加载。

如果您想使用相对高度，请确保您的 body 和 html 标签的高度为 100%。