Поместить изображение из спрайта в определенную позицию

Question

Допустим, у меня есть спрайт с множеством иконок.Я хочу разместить один из значков в определенной позиции над div, например, 15 пикселей справа и 20 пикселей сверху.Ранее, когда у меня был один файл изображения, я использовал следующий код:

background: white url(./imgs/some/icon.png) no-repeat 91% 47%;

Теперь, когда изображение находится в спрайте, я могу получить к нему доступ, используя

background-position: 0 -471px;

Но, как я его вижунет места, чтобы добавить мои текущие 91% 47%.Есть ли какое-то решение?Можно использовать CSS3 в проекте, если это поможет.

Спасибо!

Answer 1

Сможете ли вы добавить еще один <div>, дать ему правильный фон и установить абсолютное положение, где он должен быть? Я думаю, что ваш процент позиции фона, вероятно, отсутствует, когда вы используете спрайт лист.

Answer 2

Если я правильно понимаю ваш набор ограничений, вы можете выполнить его с помощью одного элемента div, но только если ваш png имеет прозрачный фон и значок имеет достаточно «прозрачного пространства», чтобы не показывать другие значки .

Попытка:

background: white url(./imgs/some/icon.png) 91% 47% no-repeat, transparent url(./imgs/some/icon.png) 0 -471px no-repeat;