Как сделать адаптивные ссылки на картинке?

Есть блок с картинкой на фоне:
5cefa3c2a8ef4750714426.png
Собственно как сделать слова (окна, двери, балконы) ссылками, но так чтобы на разрешении от 1200 до 1920 их было всегда видно и блок "дарим подарки" не перекрывал слова.
Пробовал через тег map. Но есть проблемы когда масштабируется картинка, координаты остаются прежние и ссылки съезжают.
  • Вопрос задан
  • 128 просмотров
Решения вопроса 1
l3ftoverz
@l3ftoverz Куратор тега JavaScript
Туды сюды
SVG маской.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@a-kh
web-разработчик
Делать ссылки не точно по слову, а с запасом и с помощью css и media-запросов двигать их в зависимости от разрешения
Ответ написан
ClayMorrow
@ClayMorrow
Библиотека для ресайза стандартного тега map. И никаких свг и миллиона медиа запросов
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы