CSS custom sprites

Question

У меня есть спрайт (110px height x 50px width) изображений (50px x 50px) с 10px между ними.

У меня есть <li> с набивкой и краем, ширина не статическая, высота - 80 пикселей.

Я хочу разместить изображение 50x50 (от 61px до 110px (h) и от 0 до 50 (w)) в <li> как его фон слева (по горизонтали) в середине (по вертикали), не меняя ширину/высоту от <li>.

Лоты статей были прочитаны мной ... Я не нашел нормального решения. Пожалуйста помоги.

Answer 1

вы можете установить фоновое положение в CSS. Фоновая позиция также будет принимать отрицательные числа. Задайте размер ли и отобразите его как элемент блока, затем поиграйте с фоновой позицией: https://developer.mozilla.org/en/docs/CSS/background-position