覆盖和JavaScript/jQuery中的图像

我试图在X = 100显示16乘16像素图像Y = 100但我卡住了。图像将显示在页面上的任何位置的顶部。改变顶部和左侧属性不会做任何事情。覆盖和JavaScript/jQuery中的图像

无论我做什么，图像似乎都显示在位置0,0。

shimDiv.style.position = 'absolute'; 
    shimDiv.style.top = 100; 
    shimDiv.style.left = 100; 
    shimDiv.style.width = "1000px"; // todo: change me! 
    shimDiv.style.height = "1000px"; // todo: change me! 
    shimDiv.style.zIndex = 3; 
    document.body.appendChild(shimDiv); 
    $("#shim").append('<img id="icon" src="../Images/info.png" alt="todo:" />');

来源

2011-12-25 Alex Guerin

有没有一个原因，你混合了纯jQuery的JavaScript？这似乎不必要的复杂，由于某种原因... – 2011-12-25 22:44:38

那是因为你没有指定单位为top和left位置已经：

shimDiv.style.top = '100px'; 
shimDiv.style.left = '100px';

来源

2011-12-25 22:37:43

嗯，也许这是一个过于简单化，但要做到你问：

$('body').append('<img id="icon" src="../Images/info.png" style="position: absolute; top: 100px; left: 100px; width: 1000px; height: 1000px; z-index: 1000;" />');

看起来在你的代码示例中，父div元素的创建代码缺失，但上面的代码应该是所有必需的。

希望有帮助...

来源

2011-12-25 22:41:23

谢谢 - 我也会尝试，因为它是相当不错的。 – 2011-12-25 22:50:54

覆盖和JavaScript/jQuery中的图像

回答

相关问题