Размещение CSS-спрайтов в качестве фоновых изображений
Я использую значки в качестве фоновых изображений для заголовков и т. Д. И уже использую background-position для их правильного выравнивания, поэтому, когда я хочу заменить фоновые изображения соответствующими фрагментами спрайта, я больше не могу правильно расположить фоны, есть ли решение?
Я не хочу анимировать его (кроме одного изменения при наведении курсора) просто для того, чтобы позиционировать нарезанный спрайт в качестве фона, даже если положение фона уже занято:
.beautifu1-gallery {background-position: -130px 0; }
Теперь я хочу добавить еще одну фоновую позицию в тот же div.
Добавление другого div может работать, но это не так элегантно, как я хочу, чтобы решение было.
Отредактированный комментарий: спрайты не кажутся мне практичными, даже если запрос суммы существенно уменьшается - поэтому я должен кодировать все свои значки как отдельные изображения? Обозначить их как фоны явно проще - какими они являются - иллюстративными фонами для заголовков, навигации, изображений и загружаемых материалов. Добавление другого div выглядит также как пустая трата энергии. Неужели разработчики виноваты в том, что интернет работает по-прежнему на основе текстовой информации, и никто, кажется, даже не задумывается о том, как эффективно передавать несколько изображений, видео, графики, анимации от пользователя к серверу или наоборот?
Это порно не развитие - пытаться подключить каждое отверстие, которое можно увидеть без мысли общей картины.
Хорошо - я просто погуглил от разочарования и выяснил, что такое Data URI и MHTML. Игра окончена!