Фоновое изображение повторяется от центра к праву

0

Я ищу способ горизонтально повторить простую полосу цветного фона, но только с центра страницы вправо. Я не знаю, как это сделать.

  • 0
    jsfiddle пример, пожалуйста.
Теги:
background-image

1 ответ

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;
}
  • 0
    Есть комментарии для -1?
  • 0
    Большое спасибо, это именно то, что я искал :)
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню