Отображение 1 конкретного изображения из списка? - PullRequest
0 голосов
/ 29 марта 2020

Я проверял веб-сайт, на котором был список людей с разной национальностью. Я проверял элементы, потому что хотел загрузить изображение национальности для каждого человека

проблема заключалась в том, что изображение не находится внутри IMG тег, где я могу просто открыть атрибут sr c и получить ссылку. Я использовал что-то вроде getcomputedstyle (element) .backgroundImage ... и получил ссылку, которую хочу, но теперь я сталкиваюсь с другой проблемой: изображение, которое я пытаюсь загрузить, содержит все флаги для каждой страны вокруг мир, и почему-то только 1 флаг показывается для каждого пользователя на сайте

как это возможно? Я никогда не видел ничего подобного, кто-то может прояснить мне этот процесс? потому что я хочу получить флаг для каждого пользователя, также меня интересует техника

Я загрузил ссылку на https://ibb.co/VxjK66B

Спасибо

1 Ответ

1 голос
/ 29 марта 2020

Техника называет «спрайт». Карта изображений в одном мире свиньи. Используя его как background-image, мы можем манипулировать background-position для перемещения изображения в небольшой области. Размер блока - один размер флага в этом случае. Каждая страна имеет разные значения положения фона.

Подробнее о спрайтах можно прочитать здесь: https://www.w3schools.com/css/css_image_sprites.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...