CSS: Повторить изображение из указанной позиции на изображении в другую указанную позицию - PullRequest
Новая
       15

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

1 голос
/ 05 июля 2011

У меня есть изображение с размерами 36px (высота) и 32px (ширина). Я получаю доступ к первым и последним 5 пикселям с 

background-position: 0 0;
background-position: -26px 0px;

Они помещаются в два разных div с шириной 5 пикселей. Всего у меня три деления (слева, посередине, справа)

Теперь я хочу использовать среднюю часть изображения для повторения с шириной 280 пикселей. Однако я хочу получить доступ только к области изображения в диапазоне от 6 до 26 пикселей.

IMAGE: 

5px     22px    5px
=== =========== ===

Что я хочу от css:

DIV 

5px                  280px                       5px
=== ============================================ ===

Примечание: 280px - это только область 22px, повторенная вдоль x на изображении выше!

1 Ответ

2 голосов
/ 05 июля 2011

Вам придется изменить расположение вашего спрайта на что-то вроде следующего: 

-----------------------
-Left Part  Right Part-
-     Middle Part     -
-----------------------

Таким образом, вы изменили бы y координату для средней части background-image, и она должна повториться успешно.

Это потому, что вы не можете повторить определенную часть background-image. Ширина / высота должны быть зафиксированы в этом случае, так как после повторения части вы увидите другие части спрайта.

...