javascript - 在 HTML 区域标记中使用图像

Question

我正在使用 jQuery 的 maphilight 在 map 上工作，它对我来说工作得很好。我只是不想使用形状在 map 上显示，我想显示图像(而不是圆形或矩形)。有什么办法吗？

实际站点在这里:www.abitraum.com/karte.php

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

您可以使用绝对 css 值将图像放在 map 顶部，而不是使用 map 区域。

在您的主 map div 下方，您可以放置​​另一个带有图像的 div，例如

<div style="position:absolute; left:300px; top:400px;"><img src="xyz.jpg" /></div>

对您要为其执行此操作的所有图像重复此操作。left:300px 表示距离屏幕左侧 300 像素，top:400px 表示距离屏幕顶部 400 像素。尽管如果您打算将图像放在页面中央或类似位置，使用 margin-right:300px 而不是 left:300px; 可能更有用>

此外，我建议使用 CSS 文件，而不是直接将内容放入 div 的样式中。