覆蓋和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中的圖像

回答

相關問題