图标放置在热点中的图像映射

本文关键字:图像 映射 热点 图标 | 更新日期: 2023-09-27 18:30:52

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

我的问题是:是否可以使用 jquery 或其他方法在热点的位置添加一个图标(例如每个热点都相同的小型打印机)?我知道你不能向热点添加 CssClass (这有点令人沮丧),但是有没有办法强制这样做,或者使用像 ImageMapster 这样的插件来制作它,以便图标一直在那里以表示打印机在哪里?

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

图标放置在热点中的图像映射

与其使用热点,不如只使用带有绝对定位图标的相对位置的div?除了图标的尺寸需要为正方形之外,功能基本相同。即具有设定的宽度/高度;您不能像在热点中那样绘制圆圈或多边形。

这将使您能够完全控制事物的位置,并且可以为每个热点使用不同的 CSS 类。