响应式设计问题中的绝对定位元素

Question

这是我正在研究的wordpress网站。

http://northbroad.2one5dev.com/

基本上，6个标签1-6会在你鼠标悬停时触发一个新的div。

问题是，地图图像是为响应式设计设置的，其宽度由百分比定​​义，因此它会根据浏览器大小进行缩放。但是我所拥有的热点是基于“顶部”和“左侧”的绝对定位，这意味着它们会根据与地雷不同的浏览器大小而失去正确的位置。

有没有办法使这项工作成为热点，无论屏幕宽度如何，热点都会缩放并跟随背景图像？

Answer 1

流体设计中热点的另一个解决方法是使用Edge Animate中的链接制作响应式静态图像。然后，热点（或充当热点的层）完全响应。缺点是当从Edge输出时，50kb的图像大约为120kb。说过这是一个非常快速的工作。