在div中定位固定图像(地图上的图钉)

Question

我有一个带有css规则的"map"div height: 400px; width: 800px; background: url(map.png).该div具有世界地图的背景图像.我有一些图像作为"引脚",我想在特定区域放置在地图上.我将赋予图像哪些CSS属性,例如,通过"map"div的特定顶部/左侧像素坐标将它们放置在"map"div中？我可以将它们相对于整个身体定位,但不能定位到特定的div.

Answer 1

将位置:相对放在地图div上,然后将位置:绝对放在引脚上.使用:

left: 10px;
top: 10px;
position: absolute;

在引脚上,虽然它们由地图div包含,它具有相对位置,但会将引脚放在左上角.我希望这很清楚......