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 时，似乎坚持到网页的底部(也就是文本结束的地方)，而不是屏幕的底部。不知道有没有解决办法，如果有请告诉我

Answer 1

你需要在 body 标签中有一个 background-size: cover 属性

这将使背景覆盖整个 body 元素

试试这个

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