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: cover在 body 标签中的一个属性

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

尝试这个

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