动态图像上的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，但没有内容。然后我会让每个div做我需要的任何事情。

重要的是要添加高度和宽度为'％'而不是'px'。这使他们根据背景图像移动。