css - 垂直对齐 3 个背景图像

Question

如何使用 CSS 使 3 张图像彼此相邻？

目前，我的图片显示不正确。这是它的样子 http://i43.tinypic.com/2yzmomg.png

#container {
width: 960px;
margin: 150px auto 0;
text-align: left;
background-color: #FFFFFF;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #b53913;
background:url('burger1.jpg'),url('burger2.jpg'),url('burger3.jpg');
background-repeat: no-repeat, no-repeat, no-repeat;
background-size:500px, 50px, 700px, 50px, 1200px, 50px
}

Answer 1

您可以将背景位置属性与您的图像宽度一起使用。假设你的图像宽度是 200px 那么你的代码应该如下所示。

background-position: 0px 0px, 200px 0px, 400px 0px;