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

これも試してみてください（上記で提案されているように）：

本体 {color:#000000;}

また、コンテンツ div の Height もコメントアウトすることをお勧めします。および/またはコンテンツ div の bkg-color を本体と同じ色に設定します。それが役立つことを願っています! :)

于 2009-11-19T19:58:55.377 に答える