響應式設計問題中的絕對定位元素

Question

這是我正在處理的wordpress網站。

http://northbroad.2one5dev.com/

基本上，6個標籤，1-6，將觸發一個新的div在他們出現，當你的鼠標。

問題是，地圖圖像設置爲響應式設計，其寬度由百分比定​​義，因此它根據瀏覽器大小進行縮放。但是我擁有的熱點絕對是基於「頂部」和「左側」的，這意味着他們根據不同於地雷的瀏覽器大小丟失了他們的正確位置。

是否有任何方法可以使這項工作，使熱點將縮放和跟隨背景圖像，無論屏幕寬度？

Answer 1

流體設計中的熱點的另一個解決方法是在Edge Animate中創建具有鏈接的響應靜態圖像。熱點（或作爲熱點的層）則完全響應。缺點是從Edge輸出時，50kb圖像的大小約爲120kb。說了一個相當快的解決方法。