页面加载后更改Div的Z-Index

Question

我正在为Chrome创建一个新标签扩展程序，作为其中的一部分，需要在页面加载后3秒更改z-index。我尝试过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解决方案，则必须包含jQuery Library。