图像映射与图标放置在热点

Question

因此，简而言之，我的项目允许用户查看带有预定义热点的ImageMap，这些热点代表办公室周围打印机的位置。当他们将鼠标悬停在这些热点上时，我将添加一个工具提示，告诉他们打印机的名称，并让他们能够远程安装打印机驱动程序。

我的问题是：是否可以使用jquery或其他方法在热点的位置添加图标（例如每个热点的小型打印机）？我知道你不能将CssClass添加到热点（这有点令人失望），但是有没有办法强迫它，或者使用像ImageMapster这样的插件来制作它，以便图标始终按顺序排列表示打印机在哪里？

任何想法或帮助将不胜感激！

Answer 1

为什么不使用具有绝对定位图标的相对定位的div，而不是使用热点？除了图标的尺寸需要是正方形之外，功能基本相同。即设定宽度/高度;你不能像在热点那样画圆圈或多边形。

这将让您完全控制事物的位置，并为每个热点设置不同的CSS类。