html - CSS - 背景画像が切り捨てられている

Question

非スクロールの背景画像 (1170x700) を幅 1170px の element() に設定したいと考えています。そのために、次のcssを使用しました

.container
{
    background:url("bg-image1170x700.gif") no-repeat fixed center top #fff;
}

問題 :- 最初は画像が切り捨てられており、下にスクロールすると正しく表示されます。何が足りないのかわからない？

score 2 · Accepted Answer

background-sizeを使用できます:

.container
{
    background:url("bg-image1170x700.gif") no-repeat fixed center top #fff;
    background-size: contain;
}

score 1 · Accepted Answer

あなたはそれを修正して表示しています。それは別の要素によって隠されている可能性が高く、スクロールするとその要素の後ろからスクロールアウトします

2 に答える 2