在Webkit浏览器上使用jQuery读取和设置z-index值

jQuery("#X").css("z-index"); 始终在Webkit浏览器上返回“auto”。 在Firefox上运行正常。

看来你也不能用以下的东西来设置z-index： jQuery("#X").css("z-index",5);

测试用例如下：

        $(document).ready(function(){ $("#X").css("z-index",5); $("#Y").append($("#X").css("z-index")); });   h1 {z-index: 3;}    
Some Text
 
 Z-index is: 
   

Answer 1

您需要指定使用z-index的位置。

 
Some Text 

立即在Chrome中修复它。

Answer 2

尝试

zIndex而不是z-index 。

Answer 3

Webkit浏览器的一个已知问题， 在此处详述

我理解当你用.css专门设置一个时，计算的z-index是自动的，这很令人困惑，但是RAMilewski提出了一个很好的观点，即计算的z-index在不同的浏览器中会有所不同。 我们可以撒谎（在某种意义上）并说出正在应用的内容以使返回值一致，或者用户可以意识到如果不设置其他样式以使z-index工作，则不会应用z-index。 我正在关闭wontfix，因为我怀疑这不会是我们会改变的东西，但如果有人不同意，我们可以在将来重新开放。

标记的分辨率无法修复 。 所以不要指望这很快就会消失。

---

Jqueryu UI的zIndex函数似乎也有同样的问题BTW：