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

Question

这是我正在开发的 wordpress 网站。

http://northbroad.2one5dev.com/

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

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

有什么方法可以使这个工作，以便热点将缩放并跟随背景图像，而不管屏幕宽度如何？

Answer 1

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