Question

enter image description here

请看一下上面的屏幕截图，我想以黑色背景为中心，但我在底部有一些空白区域。请任何人帮我解决这个问题。

CSS

.bgimg {
    background: url('../images/GBS-Chronicle-Background-1.png') black no-repeat center;
}
div#cont {
    height: 672px;
}

HTML

<body class="bgimg">
<div id="doc2">
    <div id="hd"></div>
    <div id="bd">
        <div id="cont">
            <div class="middle">
                <p> hi hello </p>
            </div>
        </div>
    </div>
    <div id="fd"></div>
</div>

Answer 1

尝试添加此内容：

html,body { height:100%; }

Answer 2

尝试在height:100%;课程上设置.bgimg。

修改：您可能还想将padding:0;margin:0;设置为.bgimg课程以确保。

Answer 3

我猜GBS-Chronicle-Background-1.png不够高。您可以将背景颜色添加到黑色或与Y一起重复图像。

Answer 4

尝试更改背景规则的顺序，以便首先显示颜色。

background: black url('../images/GBS-Chronicle-Background-1.png') no-repeat center;

Answer 5

尝试这一点（如上所述）：

body {color：＃000000;}

另外：我建议您评论内容div的高度。和/或将内容div的bkg颜色设置为与正文相同的颜色。希望有所帮助！：）

居中背景图片

5 个答案: