0

在此处输入图像描述

请看一下上面的屏幕截图，我想将黑色背景的图像居中，但底部有一些空白。请任何人都可以帮我解决这个问题。

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>
4

5 回答 5

1

尝试添加这个：

html,body { height:100%; }
于 2009-11-19T19:53:47.957 回答
0

尝试设置height:100%;您的.bgimg班级。

编辑：您可能还想设置padding:0;margin:0;为您的.bgimg班级，以确保。

于 2009-11-19T19:14:52.373 回答
0

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

于 2009-11-19T19:16:08.987 回答
0

尝试更改背景规则的顺序，使颜色排在第一位。

background: black url('../images/GBS-Chronicle-Background-1.png') no-repeat center;
于 2009-11-19T19:25:30.607 回答
0

也试试这个（如上所述）：

身体{颜色：#000000;}

另外：我建议也将您的内容 div 的高度注释掉。和/或将内容 div 的 bkg-color 设置为与正文相同的颜色。希望有帮助！:)

于 2009-11-19T19:58:55.377 回答