CSS Background-Repeat специальный интервал изображения

Question

У меня простой вопрос :) Надеюсь.

Итак, я не хочу повторять фоновое изображение сайта с помощью CSS.Но не пиксель за пикселем - нет - пиксельный интервал за пиксельным интервалом.Например, я хочу повторять пиксели от 0 до 100 моего фонового изображения каждый раз, когда это необходимо на оси Y.

Обычно, если бы у меня было фоновое изображение для повторения с размерами 1000 * 1 px, CSS отображал бы это изображение каждую пиксельную строку в браузере, пока он больше не понадобился.Теперь, если я добавлю изображение размером 1000 * 10 пикселей, CSS будет повторять изображение, если оно необходимо PLUS , только если есть контент для отображения.Это означает, что если (например) текст больше не будет отображаться, браузер перестанет отображать изображение, даже если было отображено только 1000 * 5 пикселей изображения.

Я хочу, чтобыотображать полное изображение, даже если на нем нет содержимого.Это означает, что если изображение размером 1000 * 10 пикселей повторяется, оно отображается в полном размере.Каждый раз 1000 * 10 px - никогда не меньше.

Можно ли как-то это заархивировать?

спасибо:)

Answer 1

Вы можете поместить весь свой контент в один DIV. Добавьте свой стиль img-background в этот DIV.Затем с помощью javascript вы должны получить высоту вашего контента, добавить 5px и округленное число до 0. Затем добавьте новую высоту в DIV.

Answer 2

Я не уверен, что есть способ сделать это с чистым html / css, который бы работал кросс-браузерно, но вы можете обратиться к javascript, чтобы вычислить высоту вашего контейнера, и работать в обратном направлении, явно указав min-высота до установленного интервала, как вы хотите ...