Html 背景图像在浏览器完全打开时填充背景,关闭时裁剪

Html 背景图像在浏览器完全打开时填充背景,关闭时裁剪,html,css,Html,Css,我想在浏览器窗口完全打开时,使用任何大小的显示,使用图像作为总窗口背景 如果浏览器窗口变得更窄,则应裁剪图像的左右两侧,并且不应显示滚动条背景尺寸:封面似乎让我靠近了,但却从右边断开了 如何做到这一点 body { background-image: url("image.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } 将背景

我想在浏览器窗口完全打开时,使用任何大小的显示,使用图像作为总窗口背景

如果浏览器窗口变得更窄,则应裁剪图像的左右两侧,并且不应显示滚动条<代码>背景尺寸:封面似乎让我靠近了,但却从右边断开了

如何做到这一点

body { 
    background-image: url("image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

将背景图像居中放置在页面上。

使用:背景位置:居中;背景图像居中?@FWrnr我离得太近了!谢谢你(太好了!)我还添加了解决方案作为答案(因为我错误地使用了评论系统来给出答案)。我将在7分钟内选择它!再次感谢。@FWrnr请确保您同意我编辑您的答案。