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

||
jQuery(\"#X\").css(\"z-index\");
在Webkit浏览器中始终返回\“ auto \”。在Firefox上可以正常工作。 看来您也无法使用以下方式设置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>
    
已邀请:
        您需要指定位置以使用z-index。
<h1 id=\"X\" style=\'position:relative;\'>Some Text</h1>
立即在Chrome中修复。     
        尝试
zIndex
,而不是
z-index
。     
        Webkit浏览器的一个已知问题,在此处详细介绍   我理解它混淆了计算的z-index是自动的   您已经使用.css专门设置了一个,但是RAMilewski很好   要指出的是,在不同的浏览器中,计算出的z-index会有所不同。   我们可以撒谎(在某种意义上)并说正在应用设定的内容   这样返回值是一致的,或者用户可以意识到   如果未设置其他样式,则不会应用z-index   z-index工作。我正在关闭wontfix,因为我怀疑这不会   我们会改变的,但是如果有人不同意,我们可以重新开放   未来。 标记的分辨率无法解决。因此,不要指望它会很快消失。 Jqueryu UI的zIndex函数似乎也有同样的问题:     

要回复问题请先登录注册