センター、背景画像

StackOverflow https://stackoverflow.com/questions/1765784

  •  21-09-2019
  •  | 
  •  

質問

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>
役に立ちましたか？

解決

これを追加してみてください 

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