Css 背景图像拉伸

Css 背景图像拉伸,css,Css,我想拉伸背景图像以匹配屏幕的大小 body { margin-left: auto !important; margin-right: auto !important; width: 80%; background-image: url(hola.jpg); } 我试着把背景大小:1500px 1500px并且是固定的 我如何才能做到这一点并自动获得所有页面的分辨率?使用此选项,即使您的没有覆盖整个窗口,它也应该可以工作: background-attachme

我想拉伸背景图像以匹配屏幕的大小

body {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80%;
    background-image: url(hola.jpg);
}
我试着把
背景大小:1500px 1500px并且是固定的


我如何才能做到这一点并自动获得所有页面的分辨率?

使用此选项,即使您的
没有覆盖整个窗口,它也应该可以工作:

background-attachment: fixed;
background-size: 100%;
(资料来源:


将相应尺寸的背景图像缩放到背景定位区域的指定百分比的值,该百分比由背景原点的值确定。[…]如果背景的附件是固定的,则背景定位区域是浏览器窗口的整个区域,不包括滚动条(如果存在)覆盖的区域。[…]

,您可以决定是否需要支持IE11。

看看css技巧:。顺便说一句,您只能将背景设置为与容器AFAIK一样大,因此
宽度:80%
将是一个问题。
background-size:cover;
background-position:50% 50%;