我正在尝试创建一个页面，其中可以看到公寓的平面图，同时将鼠标悬停在不同区域。
我的第一个方法是创建一个以平面图为背景的div 在div内部，我添加了100个较小的div，所有div的尺寸均为10％x10％。 （10对，10对）
这实际上显示了平面图顶部的小矩形div，我的想法是让jquery显示不同的图片或选项，具体取决于用户将悬停的div。
我的问题是我无法将主要div的尺寸限制为平面图图像的纵横比，这不方便，因为我想要一个适用于我可能上传的多个计划的解决方案。
我的另一种方法是用img标签在主div中包含图像，并在其上显示较小的div，但我无法用css做到这一点，我做的任何事情都会把小div放在IMG
我可以实现的任何其他想法/方式？ 有没有办法将div限制为它的背景图片的比例？ 第二种方法的适当css是什么？为了在后台显示img标签，然后在其上方显示100div？
提前， 如果我在描述中不清楚，请要求澄清