Я ищу способ горизонтально повторить простую полосу цветного фона, но только с центра страницы вправо. Я не знаю, как это сделать.
Нет простого способа добиться этого, но не невозможно, вы можете использовать CSS :after
псевдоопределения.
Здесь я использую :after
псевдоэлемента, и мы используем технику CSS-позиционирования, чтобы поместить элемент на 50% слева, а не с отрицательным z-index
мы нажимаем на спину.
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;
}