повторить изображение из определенной позиции в другую конкретную позицию

Question

Я хочу установить изображение на заднем плане div со свойством повторять это изображение от начала div до 99% высоты div.

Возможно ли это? ИЛИ я должен найти другой раунд работы?

Answer 1

Не только с CSS background-repeat. Как только вы укажете повтор в направлении (x или y), вы получите 100% ширины или высоты этого элемента;

Вы можете попробовать добавить элемент, который перекрывает 1% от вашей <div> s высоты, тем самым скрывая фоновое изображение.

Другим вариантом было бы вложить 2 элемента div и добавить фоновое изображение к вложенному элементу:

<div style="height: 100%">
    <div style="height: 99%; background: url(img.png) repeat-y 0 0;">
</div>

Answer 2

Вы не можете сделать это только с помощью CSS, вам понадобится HTML <div> или аналогичный для позиционирования фона.

Answer 3

Попробуйте использовать этот CSS:

.myimg {
    background-image:url(path here) repeat left top;
    height:99%;
}

Вам необходимо применить класс myimg к изображению.Возможно, вы захотите отрегулировать высоту там.

Обратите внимание, что вы также можете настроить начальную / повторную позицию изображения, указав значения слева и сверху, например:

background-image:url(path here) repeat 20% 50%;