在页面加载后更改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的解决方案。