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

Question

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

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

需要重复的背景因为代码原因没有重复。但是当我把 no-repeat 拿出来直接放在图像后面时，它似乎不起作用。

#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;