Как узнать z-index, если его не указывать?
Подскажите, можно ли узнать какой из двух DIV кого перекрывает, если конкретно не указывать z-index. Т.е.
Код:
<div id="square1" style="position: absolute; left: 10px; top: 10px; width: 200px; height: 200px; background-color: green"></div>
<div id="square2" style="position: absolute; left: 300px; top: 300px; width: 200px; height: 200px; background-color: blue"></div>
<div id="square3" style="position: absolute; left: 420px; top: 150px; width: 200px; height: 200px; background-color: red"></div>
<div id="square2" style="position: absolute; left: 300px; top: 300px; width: 200px; height: 200px; background-color: blue"></div>
<div id="square3" style="position: absolute; left: 420px; top: 150px; width: 200px; height: 200px; background-color: red"></div>
В этом примере square3 перекрывает square2. Т.к. z-index я не указал, то соотвественно document.getElementById('square3').style.zIndex будет 0 или не определен. Есть ли другой способ?
Может это уже обсуждалось когда-то, но я найти не смог.
Спасибо.
Цитата: JB13
Доброго всем времени суток!
Подскажите, можно ли узнать какой из двух DIV кого перекрывает, если конкретно не указывать z-index. Т.е.
Подскажите, можно ли узнать какой из двух DIV кого перекрывает, если конкретно не указывать z-index. Т.е.
Тот, который последним объявлен в HTML. Вообще, прописывать z-index для абсолютно позиционированных элементов полезно.
Правда select'ы тоже не перекрываются. Нашел в инете штук 5 способов, с подкладыванием i-frame и прочего, но че-то не разобрался...