0

背景画像を常に水平方向の中央に配置する必要がある単純なページがあります。

これが私のcssです：

body {
    background-image: url(htts://url_to_my_image.png);
    background-position: top center;
    background-repeat: no-repeat;
}

そして私のjsfiddle：

この問題は、ブラウザ ウィンドウの高さが画像全体に収まらない場合に発生します。ページの下部までスクロールできないようです (したがって、画像の下部を表示できません)。私は何を間違っていますか？

4

1 に答える 1

2

background-size: 100% 100%;あなたを助けるかもしれません

更新されたフィドル

追加された CSS ::

html,body{
background-size:100% 100%;
min-height:100%;
}

スクロールバーに画像全体を表示する場合は、その画像を使用backgroundせずに使用して表示します<img src="" />

また..

スクロールバーが設定されているときに画像全体を表示するスクロールバーが必要な場合は、コンテナ（あなたの場合）を画像の実際の高さに等しくbackround設定しますmin-heighthtml,body

背景画像をスクロールする

于 2013-09-08T15:50:50.273 に答える