由多個圖像文件構成的響應式地圖

Question

當談到響應式網頁設計時，我幾乎都是一個noob，我試圖用交互式地圖製作響應式web應用程序。

該地圖由七個獨立的圖像文件組成 - 每個地區一個。必須將地圖拆分爲單獨的圖像，以便根據從數據庫中獲取的數據更改每個圖像的透明度（以及區域的顏色強度）。

我想要地圖居中，但我也希望每個地區的個人形象（構成地圖）保留其位置。

我能想到的最好的比喻是拼圖，即使瀏覽器被調整大小，碎片仍能保持其正確位置來完成拼圖的圖像。

實現這個目標的最簡單方法是什麼？

請記住，我仍然需要能夠控制每個區域圖像的透明度。

任何幫助或建議將不勝感激，因爲我不知道從哪裏開始！對不起，如果我的描述很差 - 隨時探討。

乾杯，

請問

Answer 1

我結束了使用插畫其工作完全由SVG。將其嵌入到內聯中，以便在目錄中具有SVG文件。