javascript - 如何使用 jQuery 获取内联 z-index 样式？

Question

以下返回“auto”而不是 10。为什么？

<div class="testclass" style="z-index:10"></div>

<script type="text/javascript">
$(function() {
  alert($(".testclass").css("z-index"));
});
</script>

http://jsfiddle.net/kEVq7/50/

Answer 1

显然是因为div没有定位。对您的 div 样式进行以下更改:

<div class="testclass" style="position:absolute; z-index:10"></div>

您将在警报中看到 10。

这是有道理的，因为 z-index 属性不适用于非定位元素。

顺便说一下，这似乎是依赖于浏览器的行为。您的 Fiddle 在 Firefox 下报告 10，但在 Chrome 下报告为 auto。