如何在另一個上面創建一個HTML元素？

給定一個HTML元素顯示在頁面上的某個地方？如何在另一個上面創建一個HTML元素？

我該如何製作另一個html，使它完全重疊呢？

舉一個想法，我想是這樣的，但如果在輸入HTML元素是在頁面的底部它不工作，我需要Scrolldown已達到它

function createOverlap(elem) { 
    var rect = elem.getBoundingClientRect(); 
    over.style.position = 'absolute'; 
    over.style.top = rect.top+'px'; 
    over.style.left= rect.left+'px'; 
    over.style.height = rect.height+'px'; 
    over.style.width= rect.width+'px'; 
    return over; 
}

來源

2013-03-22 Zo72

你可以創建它的小提琴鏈接，所以我們可以檢查它。 – 2013-03-22 18:00:36

你的意思是「完全**隱藏**另一個」？ – egrunin 2013-03-22 18:05:47

一點也沒有」看起來'over'是DOM元素，除此之外，你非常接近。

看到這個小提琴：http://jsfiddle.net/7em2g/

function createOverlap(elem) { 
    var rect = elem.getBoundingClientRect(); 
    var over = document.createElement('div'); 
    over.style.position = 'absolute'; 
    over.style.top = rect.top+'px'; 
    over.style.left= rect.left+'px'; 
    over.style.height = rect.height+'px'; 
    over.style.width= rect.width+'px'; 
    return over; 
} 
var bar = createOverlap(document.getElementById('foo')); 
bar.style.backgroundColor = 'rgba(255,0,0,0.3)'; 
document.body.appendChild(bar);

嗯，如果你在這裏向下滾動不會有所作爲。如果您仍然有麻煩，我們需要更多關於此問題的信息。

來源

2013-03-22 18:21:29

如何在另一個上面創建一個HTML元素？

回答

相關問題