一个div,顶部,中部和底部背景图像

时间:2014-06-11 21:17:42

标签: html css background

我想制作一个有3个背景的文本框,顶部,底部和一般背景图像,根据文本的数量重复。

到目前为止,我有这个:http://jsfiddle.net/6pTje/29/

由于代码的原因,需要重复的背景不会重复。但是当我取出不重复并直接放在图像之后,它似乎不起作用。

#exampleA {
width: 660px;
height: 400px;
padding: 25px;
background-image: url(http://i.imgur.com/vt6xUmh.gif) left top no-repeat, url(http://i.imgur.com/Qn8iy0u.gif) left bottom no-repeat, url(http://i.imgur.com/8P2nGUp.gif) left top repeat-y; 
}

任何人都可以看看我做错了什么吗?或者,如果我想要达到的目标是可能的?为了记录,我希望它能够扩展,所以文本越多,盒子就越长!

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

这是你想要做的吗?

http://jsfiddle.net/6pTje/34/

background-repeat: no-repeat, no-repeat, repeat-y;

http://jsfiddle.net/6pTje/37/

background-position: left top, left bottom, 23px top;