javascript - 无法通过 CSS 设置 z-index

标签 javascript html css z-index

<html>
<head>
    <title>Sample</title>

    <script>
        window.onload = function()
        {
            alert(document.getElementById('div1').style.zIndex);
            alert(document.getElementById('div2').style.zIndex);
        }
    </script>

    <style type="text/css" media="screen">
        #div2
        {
            z-index: 1;
        }
    </style>
</head>
<body>
    <div id="div1" style="z-index:1"></div>
    <div id="div2"></div>
</body>

上述代码的结果是第一个警报为“1”，第二个警报为空。

为什么我不能通过 CSS 设置“div2”的 z-index？

谢谢。

最佳答案

1:已设置，但如果不设置内联，JS无法确定
2:如果对象未定位(如 gulbrandr 发布的那样)，它不会有任何影响

关于 1。如果它不是内联设置(或通过 javascript)，您可以使用 currentStyle 检索它或 getComputedStyle是什么为您提供了当前应用的样式。

关于javascript - 无法通过 CSS 设置 z-index，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4225090/