html - 许多图像并排在 div 背景中

Question

我有 4 张图片和 1 个 div。

每张图片的大小不同:

img 1 200x400
img 2 600x500
img 3 900x1000
img 4 300x300

和分区:

<style>
#divimgs{
 height:400px;
 width:800px;
}
</style>

问题是，我如何将这 4 张图片作为背景并排放置在 #divimgs 中，并且每张图片的大小相同 = 高度 400 和宽度 200(每张图片 200 = 800 宽度 - 相同的 divimgs 宽度)

谢谢!

Answer 1

这在 CSS3 中是可能的。您必须使用背景位置和背景大小。

#divimg {
background: url("image1.gif"), url("image2.gif"),url("image3.gif"),url("image4.gif");
background-size: 200px 400px;
background-repeat: no-repeat;
background-position: 0px 0px, 200px 0px, 400px 0px, 600px 0px}

在 http://www.w3schools.com/cssref/ 上查看属性