什么是HTML中<div>元素的默认z-Index,以及如何使用JavaScript获取它？

Question

所以通常我们可以使用例如:获得div元素的z-Index值:

var zindex = document.getElementById('id').style.zIndex;

我在我的代码中使用此值来执行某些操作.现在的问题是默认值,HTML代码中没有定义任何内容(甚至在外部css中定义z-Index的情况下),同样的java脚本命令也不返回任何内容.

我理解在默认情况下,浏览器通常根据元素堆栈决定渲染.但是在JavaScript中是否有任何特定的价值或方法来实现这一点,没有定义任何值？

我的意思是,通常没有任何返回意味着没有定义值.但它也发生在外部css,所以我怎么能区分这两者？

Answer 1

默认 z-index的任何元件的是'auto'用的例外<HTML>具有默认z-index:0.'自动'表示该元素从其父级获取z-index .

您可以使用开发者工具(在Chrome中)或其他浏览器中的任何类似工具来查看此内容.你也可以通过window.getComputedStyle()在你的代码中得到这个,就像其他人在这里提出的那样.

Answer 2

您可以在元素上尝试window.getComputedStyle():

var e = document.getElementById('mydiv');
var value = window.getComputedStyle(e[0], null)['zIndex']

我得到了这些值:"auto","10".更改后:z-index:10,position:relative.

Answer 3

我相信一切都是z索引为0.真正的z-index只有在你为你关心的所有元素设置它时才有效.您可以将一个div的z-index设置为100000,但如果不设置要尝试重叠的另一个元素的z-index则无关紧要.

所以我想我想说的是div的默认z-index无关紧要,只有你设置它才会计算.

div内的div没有特定的z-index.在iframe内部div内部的Ad div,在3个div和1个表内,没有z-index(或者计算的z-index).

我无法看到尝试找到项目的z索引有任何实际原因,如果它无论如何都是无关紧要的.