将对象放在div中的确切位置

Question

我正在开发一个ASP.NET网络应用程序，我将在一个以图像为背景的div上显示一些小图标。 Div充当地图，我的小图标（图像）就像针脚。这些图片有style="position:relative; left:X, top:Y"，我希望它们位于div上的特定位置，但它们不是我想要的地方，我认为它们相互影响，我怎样才能将它们放在我确切的位置？

Answer 1

在引脚上使用position:absolute，在地图上使用position:relative。

演示：http://jsfiddle.net/qdFeb/

Answer 2

相对位置从它的原始位置调整它。因此，左设置会将其从原始位置移动多个像素，与顶部相同。

你想使用绝对。

Answer 3

在容器position:absolute;上的“引脚”和position:relative;上使用div。

另一种方法是使用div作为background制作一个大的img，然后用较小的div填充，并放置“引脚” “在那些div s。