帶照片的互動平面圖

Question

我正在嘗試創建一個公寓的平面圖可見並在不同區域懸停的頁面。

我的第一個方法是創建一個以平面圖爲背景的div。
在那個div裏面我增加了100個更小的div，所有的尺寸都是10％x10％。 （10十字，10下）

這實際上顯示在平面圖頂部的小矩形div，我的想法是讓jquery顯示不同的圖片或選項，取決於用戶將徘徊的div。

我與那種方法的問題是，我不能限制主div的尺寸對平面圖像的縱橫比，這是不方便的，因爲我想要一個解決方案，可以爲我可能上傳的多個計劃工作。

我的另一種方法是將圖像包含在主div中，並帶有一個img標籤，並在其上顯示較小的div，但我無法用css做到這一點，我會做的任何事情將把小div img

任何其他想法/我可以實現的方式？ 有沒有辦法將div與其背景圖片的比例進行比較？ 什麼是第二種方法適當的CSS？爲了在後臺顯示一個img標籤，然後在它上面顯示100divs？

thanx提前， 如果我不清楚我的描述，請去問清

Answer 1

聽起來象是一個image map用於製造。