html - 右下への背景の配置

Question

私はHTMLページを持っています、そしてこのcss：

body {
color:#000;
/*BG Image is specified by javascript*/
background-repeat:no-repeat;
background-position:top left;
}

知っておくべきことは、ページの高さが十分に大きくないため、正しく読み込まれた場合、画面の下部と表示されるテキストの最後の行の間に小さなギャップがあるということです。

背景が画面の右下部分にくっつくようにしたいのですが、に変更top leftするbottom rightと、ウェブページの下部（テキストの終わり）ではなく、下部にくっついているように見えます。画面の。解決策があるかどうかはわかりませんが、解決策がある場合はお知らせください

score 1 · Accepted Answer

background-size: coverbodyタグにプロパティが必要です

これにより、背景が全身要素をカバーするようになります

これを試して

body {
    background-position: bottom right;
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
}

score 0 · Accepted Answer

height:100%;ボディセレクターで設定してみてください。

body {
  color:#000;
  /*BG Image is specified by javascript*/
  background-repeat:no-repeat;
  background-position:top left;
  height:100%;
}

2 に答える 2