Question

到目前为止，我只想出了如何将对象放到具有页面坐标的固定位置。
这是问题：

当我向上/向下/向左/向右移动图像（对象是您可以点击的图像上的点）时，这些点将停留在旧位置。

那么有没有办法从图像中给它们坐标？然后我就可以移动img了，积分会留在原地，不是吗？

这些是我的积分（CSS）：

div.point {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    background: #7ab51d;
    border: 3px solid white;
    position: fixed;
    z-index:1000;
    cursor: pointer;
}

这些我如何定位它们：

<div id="Restroom_Water" class="point" style="top:380px;left:1000px;" onmouseover="$('#Restroom_text_Water').show();" onmouseout="$('#Restroom_text_Water').hide();"></div>

Answer 1

更改位置属性：

div.point{
    position: relative;
}

这意味着点对象的像素位置相对于父容器（在这种情况下是您的图像）。

This article很好地定位了。

如何将对象附加到图像上的固定位置？

1 个答案: