css - web_动态图片上的可点击区域

Question

我想知道最简单和最简单的方法是在用作网站的 jpg 图像上制作 (3) 不同的可点击区域。但是，我正在使用以下代码使其在窗口尺寸更改（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，但没有内容。然后我会让每个 div 做我需要的任何事情。

重要的是要补充一点，高度和宽度将以 '%' 而不是 'px' 为单位。这使它们根据背景图像移动。