•  21-09-2019
  •  | 
  •  

题

“在这里输入的图像描述”

请看看上面的屏幕截图，我会想中心与黑色的背景图像，但我发现在底部的一些空白。请可以在任何一个可以帮助我解决这个问题。

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>
有帮助吗？

解决方案

尝试增加这样的：

html,body { height:100%; }

其他提示

试着在你的height:100%;类设置.bgimg。

编辑：您可能还需要padding:0;margin:0;设为您的.bgimg类，以及只是为了确保

。

我想GBS-纪事背景 - 1.png不够高。你可以背景颜色添加到黑色或其中Y沿重复图像。

试着改变你的背景规则的顺序，这样的颜色是第一位的。

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

尝试这个太（如上面已经建议的）：

体{颜色：＃000000;}

另外：我建议注释掉内容div的高度为好。和/或内容div的BKG颜色设置为相同的颜色作为机身。希望帮助！ ：）

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top