我想制作一个有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;
}
任何人都可以看看我做错了什么吗?或者,如果我想要达到的目标是可能的?为了记录,我希望它能够扩展,所以文本越多,盒子就越长!
感谢您的帮助!
答案 0 :(得分:2)
这是你想要做的吗?
background-repeat: no-repeat, no-repeat, repeat-y;
background-position: left top, left bottom, 23px top;