在頁面加載後更改Div的Z索引

Question

我正在爲Chrome創建一個新的Tab擴展，並且作爲它的一部分，需要在頁面加載後3秒更改z索引。我試過JavaScript，CSS和HTML，但找不到正確的代碼。

我對編程也很新，所以任何代碼發佈都會是一個很好的幫助。

Answer 1

我不知道如何擴展到Chrome瀏覽器的工作，但如果注入的JavaScript是一個選項，然後它字面上的等待，直到該文件被加載（例如在這裏：Javascript that executes after page load）問題

然後等待一段時間（例如這裏：Put a Delay in Javascript）

然後只需設置要編輯的元素的z-index。

document.getElementById(id).style.zIndex=newIndex; 

但是，如果你想要做的是某種動畫，還有更有效的方法來實現它。

Answer 2

純JS

setTimeout(function(){ 
    document.getElementById("elementID").style.zIndex="1" 
}, 3000); 

或jQuery的解決方案

setTimeout(function(){ 
    $('#elementID').css({ zIndex: '1' }); 
}, 3000); 

* 注：您必須包括jQuery Library，如果你決定使用jQuery的解決方案。