帶有放置在熱點的圖標的圖像映射

Question

因此，我的項目簡而言之，它允許用戶使用預定義熱點來查看ImageMap，這些熱點代表辦公室周圍打印機的位置。當他們將鼠標懸停在這些熱點上時，我會添加一個工具提示，告訴他們打印機的名稱，並讓他們能夠遠程安裝打印機驅動程序。

我的問題是：是否有可能使用jquery或其他方法在熱點的位置添加圖標（如小型打印機，它們對於每個熱點都是相同的）？我知道你不能添加一個CssClass到熱點（這是一種令人失望的），但有沒有辦法強制這個，或者使用一個像ImageMapster這樣的插件來讓它的圖標不斷出現來表示打印機在哪裏？

任何想法或幫助，將不勝感激！

Answer 1

而不是使用熱點，爲什麼不使用相對定位的div與絕對定位的圖標？除了圖標的尺寸需要平方之外，其功能基本相同。即具有設定的寬度/高度;你不能像在熱點中那樣繪製圓或多邊形。

這將使您完全控制事物的位置，您可以爲每個熱點使用不同的CSS類。