带照片的互动平面图

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用于制造。