Lecture et réglage z-valeurs de l'indice avec jQuery sur les navigateurs Webkit

jQuery("#X").css("z-index"); renvoie toujours "auto" sur les navigateurs Webkit. Fonctionne bien sur Firefox.

Il apparaît également que vous ne pouvez pas définir le z-index avec quelque chose comme: jQuery("#X").css("z-index",5);

Cas de Test suit: 

<!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>
InformationsquelleAutor NetFool | 2011-06-25
  1. 10

    Vous DEVEZ spécifier la position à l'utilisation de z-index.

    <h1 id="X" style='position:relative;'>Some Text</h1>

    il corrige immédiatement en Chrome.

    InformationsquelleAutor AR.
  2. 1

    essayer

    zIndex au lieu de z-index.

    InformationsquelleAutor sushil bharwani
  3. 1

    Un problème connu avec les navigateurs Webkit, détaillé ici

    Je comprends qu'il soit source de confusion que le calcul des z-index est automatique lorsque
    vous avez spécifiquement un avec .css, mais RAMilewski fait un bon
    point que le calcul de z-index sera différente dans les différents navigateurs.
    Nous pourrait se situer (dans un sens) et de dire que ce qui a été défini est appliqué
    de sorte que les valeurs de retour sont compatibles, ou les utilisateurs peuvent se rendre compte que l'
    z-index ne doit pas être appliqué sans définir d'autres styles pour les rendre
    z-index de travail. Je suis à la clôture wontfix que je soupçonne que ce ne sera pas
    quelque chose nous allons changer, mais si quelqu'un n'est pas d'accord, nous pouvons rouvrir
    l'avenir.

    Marqué la résolution est ne sera pas corrigé. Donc ne vous attendez pas à s'en aller de sitôt.

    Jqueryu de l'INTERFACE utilisateur de zIndex fonction semble avoir le même problème BTW:

    InformationsquelleAutor Liam