3 
body {
    background: url('../../asset/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

これは背景画像の私のコードです。ブラウザのサイズを変更するときに、画像のサイズを変更できないようにしたい。

4

3 に答える 3

4

は使用しないでくださいbackground-size:cover;。そのCSSを使用すると、背景画像を拡大して背景領域全体をカバーするようにブラウザに指示します。

背景画像を中央に配置し、サイズを変更しないようにする場合は、次のようにします。

body {
    background: url('../../asset/background.jpg') no-repeat center center;
}

背景は好きなように配置できます。その他のオプションがあります。

于 2012-12-28T23:18:04.303 に答える
3

背景サイズを設定してみてください。

background-size: 100px 100px;
于 2012-12-28T23:18:37.893 に答える
-1

を設定すると、divのスペースbackground-sizeをcover占有します。これを参照してください。

background-sizeプロパティを削除すると、正常に動作します。

于 2012-12-28T23:22:31.047 に答える