0

私が取り組んでいるウェブサイトの本文に背景画像（下の画像の円）を追加したいのですが、画像がコンテナ（下の画像の緑と赤のバナーのある白い中心）と同じ高さになるようにする必要があります。ブラウザーが最大化または最小化されている場合でも、イメージはコンテナーにフラッシュされたままになります。

私がこれを正しく言っているのかどうかわからないので、CSS コード (以下) とともに参照としてビジュアルを配置しました (以下)。

html, body{height: 100%;}

body{ 
    background: #e5e5e5 url('../img/body_bck_lrg.gif') no-repeat -290px 190px fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*background-size: contain;
    background-origin: border-box;*/
   }

ウェブサイトの背景画像とコンテナ領域の視覚的参照

4

1 に答える 1

2

これを試して：

body{ 
    background: #e5e5e5 url('../img/body_bck_lrg.gif') center top no-repeat;
}

これにより、背景が画面の中央上部に固定され、画面の解像度が大きすぎる場合は、残りのスペースが #e5e5e5 で埋められます。

于 2012-10-14T21:21:05.360 に答える