在 HTML 区域标签中使用图像

Question

我正在使用来自jQuery 的 maphilight 来处理地图，它对我来说非常好用。我只是不想使用形状在地图上显示，我想显示图像（而不是圆形或矩形）。有没有办法做到这一点？

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

任何帮助将不胜感激。谢谢！

Answer 1

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

在您的主地图 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 的样式中。