我想通过代码确定 HTML 页面上一个元素的 z-index 值,我正在使用 jQuery。jQuery 可以使用 $(element).css("z-index") 来检查已应用的 z-index 值。但是,如果该元素没有直接设置 z-index 值,则 Firefox 返回 "auto",IE 返回 "0"。此时,该节点的有效 z-index 取决于其容器的 z-index。因此,我想通过查看节点及其父级,直到找到 z-index 值来计算有效的 z-index 值。但问题在于,至少在 IE 上,我无法将具有 z-index 为 0 的元素与将继承其父级 z-index 的元素区分开来,因为在这两种情况下,.css("z-index") 都返回 0。请问如何计算元素的实际 z-index 值?
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<script type="text/javascript">
alert($("<div></div>").css("z-index"));
alert($("<div style='position:relative'></div>").css("z-index"));
alert($("<div style='z-index:0'></div>").css("z-index"));
alert($("<div style='z-index:100'></div>").css("z-index"));
</script>
</body>
</html>