我想在图像上动态添加文本。 我尝试使用 javascript/jQuery 来做到这一点。 这是代码:
$(document).ready(function()
{
var img = $("img#back1");
var leftpos = img.position().left;
var toppos = img.position().top;
var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = toppos+"px";
div.style.left = leftpos+"px";
div.innerHTML = '<font> back </font>';
div.style.background = '#CC0000';
document.body.appendChild(div);
});
执行此操作后,我没有在图像上“返回”文本。 此处,无法检索正确位置并将其传递到 div 标记的顶部和左侧以指定其上的文本。 如果我在某些地方出错,请建议/纠正我。
谢谢
最佳答案
在图像上添加文本的更好方法是使用 css 将图像放在背景上。它有很多好处。您可以在此处查看演示
关于javascript - 使用位置在图像上添加文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9275965/