在Webkit瀏覽器中使用jQuery讀取和設置z-index值

jQuery("#X").css("z-index");在Webkit瀏覽器上始終返回「auto」。在Firefox上正常工作。在Webkit瀏覽器中使用jQuery讀取和設置z-index值

還顯示出你不能像設置的z-index：jQuery("#X").css("z-index",5);

測試情況如下：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>jQuery CSS Z-index Fail</title> 
    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
     $("#X").css("z-index",5);  
     $("#Y").append($("#X").css("z-index")); 
     }); 
    </script> 
    <style type="text/css"> 
     h1 {z-index: 3;} 
    </style> 
    </head> 
    <body> 
    <h1 id="X">Some Text</h1> 
    <div id="Y"> Z-index is: </div> 
    </body> 
</html>

來源

2011-06-25 RAMilewski

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

立即在Chrome中修復它。

來源

2011-06-25 07:11:09

嘗試

zIndex而不是z-index。

來源

2011-06-25 06:57:37

一個已知的問題WebKit瀏覽器，詳細here

我的理解是令人困惑的是，計算的z-index爲自動時你專門設置一個與的CSS，但RAMilewski也是一個不錯的指出計算出的z-index在不同瀏覽器中會有所不同。我們可以說謊（在某種意義上）並且說正在應用的是什麼以便返回值是一致的，或者用戶可以認識到如果不將其他樣式設置爲則不會應用z-index z-索引工作。我正在關閉wontfix，因爲我懷疑這不會是我們會改變的東西，但如果有人不同意，我們可以在未來重新打開。

標記的分辨率是不會修復。所以不要指望這會很快消失。

Jqueryu UI的zIndex function似乎有BTW同樣的問題：

來源

2013-11-20 08:20:27 Liam

在Webkit瀏覽器中使用jQuery讀取和設置z-index值

回答

相關問題