背景定位到右下角

Question

我有一个HTML页面，这个css：

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

您必须知道的是，页面的高度不够大，因此如果正确加载，屏幕底部与显示的最后一行文本之间会有一个小间隙。

我想这样做，以便背景贴在屏幕的右下角，但当我将top left更改为bottom right时，它似乎只是贴在网页的底部（也就是文本结束的地方），而不是屏幕的底部。我不确定是否有解决方案，但如果有，请告诉我

Answer 1

您需要在正文标记中添加background-size: cover属性

这将使背景覆盖整个身体元素

试试这个

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

Answer 2

尝试在正文选择器中设置height:100%;：

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