html - 一个 div，顶部、中间和底部背景图像

Question

我想制作一个具有 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; 
}

任何人都可以看一下我做错了什么吗？或者我想要实现的目标是否可能实现？根据记录，我希望它能够缩放，这样文本越多，框就会越长!

感谢您的帮助!

Answer 1

这就是你想做的事吗？

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;