我正在制作一个富文本编辑器,我试图在由 javascript 动态插入的图像的左上角放置一个删除按钮 div。因此我必须在运行时确定 div 的位置。但是,我无法将其准确定位在左上角。这是我的代码:
function showDeleteButton(image) {
var rect = image.getBoundingClientRect();
var top = rect.top + $(document).scrollTop();
var left = rect.left + $(document).scrollLeft();
var deleteButton = $(".delete_button")[0];
deleteButton.style.visibility = 'visible';
deleteButton.style.top = top + "px";
deleteButton.style.left = left + "px";
}
如有任何帮助,我们将不胜感激!
最佳答案
html
<div>
<div id="delete_button"></div>
<img src"foo.png" />
</div>
和CSS
#delete_button{
position:absolute;
top:0;
left:0
z-index:1;
}
关于javascript - 使用 javascript/jquery 将 div 定位在图像的左上角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18285928/