我试图将一个 div 定位在父 div 内单击鼠标的位置。
这工作正常,正如您在这里看到的:http://jsfiddle.net/7s2mykr9/1/
现在,我将该 div 的 top
和 left
值存储在 MYSQL 数据库中。
但是,当我从 mysql 数据库获取这些值并将它们用于页面上的 div 时,该 div 的位置与我最初单击的位置不同!我不知道为什么会发生这种情况。
这就是我从 mysql 获取顶部和左侧值并在页面内的 div 中使用它们的方法:
<div id="parentDiv">
<divstyle="position: absolute; z-index: 1000; width: 40px; height: 40px; border-radius: 50%; text-align: center; left: <?php echo $left; ?>; top: <?php echo $top; ?>">
</div>
</div>
有什么我遗漏的或者我需要改变什么吗?
如有任何帮助,我们将不胜感激。
提前致谢。
最佳答案
绝对定位 block 搜索最近的父级,该父级具有位置集,我认为这是您面临的问题。
定义 parentDiv
的位置(至少 position:relative
)。
关于javascript - 鼠标点击的位置 div 并将位置存储在数据库中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32702899/