背景图像从中心向右重复

Question

我正在寻找一种方法来横向重复简单的彩色背景条纹，但只能从页面的中心向右移动。我不知道该怎么做。

Answer 1

没有简单的方法可以实现这一目标，但并非不可能，您可以使用CSS :after伪来完成此任务。

在这里，我使用:after伪元素，而不是使用CSS定位技术将元素从左定位50％而不是负元素 z-index我们把它推到后面。

Demo

div {
    height: 100px;
    position: relative;
    overflow: hidden;
}

div:after {
    content: "";
    left: 50%;
    width: 50%;
    background-image: url(http://virgo.unive.it/itadict/search/images/bullet.png);
    position: absolute;
    min-height: 16px;
    z-index: -1;
    top: 0;
}