не удается установить Z-индекса с помощью CSS

<html> 
<head> 
    <title>Sample</title> 

    <script> 
     window.onload = function() 
     { 
      alert(document.getElementById('div1').style.zIndex); 
      alert(document.getElementById('div2').style.zIndex); 
     } 
    </script> 

    <style type="text/css" media="screen"> 
     #div2 
     { 
      z-index: 1; 
     } 
    </style> 
</head> 
<body> 
    <div id="div1" style="z-index:1"></div> 
    <div id="div2"></div> 
</body>

не удается установить Z-индекса с помощью CSS

Исход выше код «1» на 1-й боевой готовности, и ничего для 2-го.

Почему я не могу установить z-индекс «div2» через CSS?

Спасибо.

источник

2010-11-19 denicio

1: он установлен, но JS косяк определить его, если он не установлен рядный
2: это would'nt иметь никакого эффекта, если объект не находится (как писал gulbrandr)

относительно 1. Если это не s et inline (или javascript), вы можете получить его с помощью currentStyle или getComputedStyle, что дает вам применяемый в настоящее время стиль.

источник

2010-11-19 12:47:09

Итак, вы говорите, что если я не буду делать это вручную с помощью javascript, например: style.zIndex = 1; он никогда не будет работать? – denicio

Нет, это также работает, если вы установите его inline '

', поэтому вы получите правильное значение для # div1 в вашем примере. –

Спасибо, что ответ был самым полным. Тем не менее я не понимаю, почему кооператив CSS и Javascript сделан таким образом. Я имею в виду, что стиль inline style & id должен отражать то же самое. – denicio

От W3Schools.com:

г-индекс работает только на расположенных элементов (позиций: абсолютное, положение: относительная, или положение: фиксированный)

источник

2010-11-19 12:46:20 gulbrandr

Ну, даже если я добавить позицию: абсолютная к # div2 стиль, у меня есть один и тот же результат. – denicio

Это объясняет, почему это не применимо, а не почему оно не будет установлено. – Quentin

.style.* набора свойств карта непосредственно на свойства, установленных через styleатрибута, а не те, которые каскад от надлежащих стилей.

Чтобы найти вычисленного Z-индекс, вы должны использовать getComputedStyle

источник

2010-11-19 13:03:07 Quentin

не удается установить Z-индекса с помощью CSS

ответ

Смежные вопросы