html - 如何在不添加文本的情况下使 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 及其背景可见，即使 div 本身是空的。

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

Answer 1

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

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

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