web_Clickable область на динамическом изображении

Question

Мне было интересно, каким самым простым и простым способом было сделать (3) различные кликабельные области на изображении jpg, используемом в качестве веб-сайта. Но я использую следующий код для динамического изменения размера при изменении размеров окна (CSS)

background: url('backgroundIMG.jpg') no-repeat center center fixed; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;

и поэтому мне нужно решение, которое бы соответственно перемещало / перемещало интерактивные области, потому что в противном случае я нашел простой способ создания интерактивных областей с помощью Edge Animate, но боюсь, что это работает только для статических фонов. Спасибо!

Answer 1

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

Важно добавить, что высота и ширина будут в "%", а не в "px". Это заставляет их двигаться в соответствии с фоновым изображением.