Чтение и установка значений z-index с помощью jQuery в браузерах Webkit - PullRequest
Новая
       35

Чтение и установка значений z-index с помощью jQuery в браузерах Webkit

5 голосов
/ 25 июня 2011

jQuery("#X").css("z-index"); всегда возвращает «auto» в браузерах Webkit.Работает нормально в 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>

Ответы [ 3 ]

10 голосов
/ 25 июня 2011

Вам необходимо указать позицию для использования z-index. 

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

исправляет это немедленно в Chrome.

1 голос
/ 20 ноября 2013

Известная проблема с браузерами Webkit, подробно здесь

Я понимаю, что сбивает с толку тот факт, что вычисляемый z-индекс автоматически Вы специально установили один с .css, но RAMilewski делает хороший Дело в том, что вычисленный z-индекс будет отличаться в разных браузерах. Мы могли бы солгать (в некотором смысле) и сказать, что то, что было установлено, применяется так что возвращаемые значения согласованы, или пользователи могут понять, что z-index не будет применен без установки других стилей z-index работа. Я закрываю wontfix, как я подозреваю, что это не будет что-то мы изменим, но если кто-то не согласен, мы можем открыть будущее.

Отмеченное разрешение Не исправит . Так что не ожидайте, что это скоро исчезнет.

Функция JQeryu UI zIndex , похоже, имеет ту же проблему Кстати:

1 голос
/ 25 июня 2011

попробуй

zIndex вместо z-index.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...