允许背景图像展开

我想给一个容器一个背景图像，它基本上是一个白色图像，在其左侧和右侧有一个花哨的边框。它只有几个像素高，因此在y轴上重复。允许背景图像展开

但是，图像是一个设置宽度，所以不能在x轴上展开/收缩。有没有办法让容器3的背景图像 - 左边界1，右边1和中心1？

这样我就可以重复中心背景图像并将其夹在侧面背景图像之间。

2014-10-09 Jon

我有两个图像，并与没有它，你可以添加另一个http://jsfiddle.net/xksr01v4/

#back{ 
    width: 500px; 
    height: 250px; 
    background-image: url(http://placekitten.com/300/301), 
url(http://static.comicvine.com/uploads/original/11112/111123678/3503035-3468468-2718720139- batma.jpg); 
    background-position: left, right; 
    background-repeat: no-repeat; 
}

来源

2014-10-09 10:32:35 Akshay

如果我需要沿着y轴和x轴和y轴重复沿y轴和中间图像的侧面图像怎么办？ – Jon 2014-10-09 10:36:01

试试这个背景重复：repeat-y，repeat，repeat-y; – Akshay 2014-10-09 16:03:53

#container{ 
background-image: url(image1.png), url(image2.png), url(image3.png); 
background-position: left top, right top, center top; 
}

来源

2014-10-09 10:27:08 Nick

可能有许多方法可以做到这一点，但this link显示具有扩大的背景非常简单的方法图片：

background-size: 100% auto;

来源

2014-10-09 12:30:16 Jon

允许背景图像展开

回答

相关问题