CSS：重复背景图像整数次

Question

我可以重复一次只能重复整数次的背景图像吗？

   li span.counter {
      height: 34px;
      background-repeat: repeat-x;
      background-image: url(home/bk_counter.png);
      letter-spacing: 14px;
      text-indent: 7px;
      display: inline-block;
      color: $text;
      font-weight: 700;
      font-size: 22px;
      text-align: center;
    }

确实玩letter-spacing财产会迫使我span更进一步。

Answer 1

您必须使用Css Multiple Background属性，如下例所示：

 background-image:
   url(logo.png), 
   url(logo.png), 
   url(logo.png), 
   url(logo.png), 
   url(logo.png);
background-repeat:no-repeat;
background-position:center 0, center 56px,center 112px, center 168px, center 224px;

适用于现代浏览器：IE9，Firefox 5 +，Chrome 12 +，Safari 3.2 +，Opera 10.6 +。

Answer 2

您无法将元素的背景设置为重复设定的次数。你必须找到另一个选项，可能会为你需要的空间创建一个元素。