Как разместить спрайт изображения внизу элемента неизвестной высоты - PullRequest
0 голосов
/ 03 декабря 2011

Я использую спрайт изображения, состоящий из четырех «подизображений»: четыре угла для элемента div. Спрайт 40 на 40 пикселей. Каждое «подизображение» имеет размер 20 на 20 пикселей. «Подизображение каждого угла находится в противоположном углу спрайта относительно того, где оно должно быть в элементе dev. Например, левое верхнее изображение находится в правом нижнем углу спрайта.

Этот элемент div имеет ширину 440 пикселей и высоту 100%. У меня есть верхние углы, но как мне получить нижние углы? Есть ли способ сделать это без создания нового спрайта? Вот что у меня есть для моего правила CSS.

background: -20px -20px no-repeat url(<path>), 420px -20px no-repeat url(<path>);

1 Ответ

2 голосов
/ 03 декабря 2011

Поместите background-images на absolute только расположенные псевдоэлементы.

Демо

Извините, неправильно прочитал ваш вопрос, вотта же техника с «спрайтом»:

Демо

...