WebkitブラウザでjQueryを使用してz-index値を読み取り設定する

jQuery("#X").css("z-index");はWebkitブラウザで常に「auto」を返します。 Firefox上で動作します。WebkitブラウザでjQueryを使用してz-index値を読み取り設定する

また、あなたのようなものでZインデックスを設定することができないことが表示されます：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を使用するには、positionを指定する必要があります。

は、すぐにChromeで修正されます。

出典

2011-06-25 07:11:09

は

zIndexの代わりz-indexを試してみてください。

出典

2011-06-25 06:57:37

のWebkitブラウザの既知の問題、詳細なhere

私はあなたが特別の.cssと一つに設定したとき、それは計算されたZインデックスが自動であることを混乱さを理解し、しかしRAMilewskiは良いを作ります計算されたz-インデックスはブラウザによって異なります。 z-indexは、z-indexが適用されないことをユーザが理解できるように、設定されたものがに適用されていて、インデックス作業。私はそれが変更されることはないと思うので、私はwontfixを閉じていますが、誰かが同意しない場合、我々はの未来を再び開くことができます。

マークされた解像度はを修正しません。だから、すぐにこれがなくなるとは思わないでください。

：

Jqueryu UIのzIndex functionはBTW同じ問題を抱えているようです

出典

2013-11-20 08:20:27 Liam

WebkitブラウザでjQueryを使用してz-index値を読み取り設定する

答えて

関連する問題