在HTML区域标记中使用图像

时间:2014-04-24 11:08:36

标签: javascript jquery html css tags

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

实际网站位于:www.abitraum.com/karte.php

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

1 个答案:

答案 0 :(得分: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的样式。