css背景图像作为屏幕

Question

我有一个div，我想为此分配一个像这样的背景图片：

div没有固定的宽度，它与身体成比例，让我们说某些用户的宽度为800像素，其他用户为950像素

背景图像的宽度为1200像素，以确保两个用户都足够宽，并且div可以像蒙版一样，显示背景图像的更窄或更宽的部分。

你知道它是否有可能？

Answer 1

你可以使用背景大小

.your_div { 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}