CSS：重复背景图像整数次[重复]答案

【问题标题】：CSS: Repeat background image integer number of times [duplicate]CSS：重复背景图像整数次[重复]
【发布时间】：2014-07-31 17:15:43
【问题描述】：

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

   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 走得更远。

【问题讨论】：

标签： css background-image

【解决方案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+。

【讨论】：

【解决方案2】：

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

【讨论】：