我正在编写一个不会粘的便签

Question

我想为我的网站制作一个粘滞便笺，根据文字的大小来改变它的长度，这些是图形

http://www.smackjeeves.com/images/uploaded/comics/a/9/a9bb813fajYqH.png

http://img2.smackjeeves.com/images/uploaded/comics/e/a/eafa194f44yHh.png

http://www.smackjeeves.com/images/uploaded/comics/4/f/4fcc68191cLbT.png

我看了一些例子，这是我的div的css代码

 #sticky-note 
 {
  background-image:url('http://www.smackjeeves.com/images/uploaded/comics/a/9/a9bb813fajYqH.png'), 
                   url('http://img2.smackjeeves.com/images/uploaded/comics/e/a/eafa194f44yHh.png'),
                   url('http://www.smackjeeves.com/images/uploaded/comics/4/f/4fcc68191cLbT.png');
  background-position: top, center, bottom;
  background-repeat:no-reapeat, repeat-y, no-repeat;
  padding: 10px;
  max-width: 170px;
  text-align: center;
 }

但它不起作用，我希望中间的图形垂直重复，顶部和底部的图形在顶部保持不变，帮助

Answer 1

使用三个单独的div，一个包含顶部的标题，一个底部的页脚，以及一个伸展中间的内容。