Поиск самого высокого z-индекса всех элементов

Возможный дубликат:
Как узнать самый высокий z-индекс в вашем документе?

Мне нужно реализовать модальное всплывающее окно типа оповещения, которое появляется с затемненным фоном. Проблема в том, что у нас могут быть другие элементы на отображаемой странице, которые также являются модальными с z-индексами выше значения по умолчанию.

Как определить соответствующий z-индекс, который делает данный элемент элементом самого высокого уровня?

(JQuery в порядке.)


person CantSleepAgain    schedule 25.08.2010    source источник
comment
Имейте в виду, что z-index имеет максимальное значение, поэтому, если вы не планируете отображать больше модальных окон после этого, вы можете просто установить его на максимум, для получения дополнительной информации проверьте stackoverflow.com/questions/491052/   -  person Ilian Iliev    schedule 25.08.2010


Ответы (1)


В идеале вы должны знать, какие элементы вы хотите сканировать на наличие z-index. Допустим, если вы используете некоторые DIV с классом CSS «my-modal-class» в качестве модального всплывающего окна, вы можете использовать что-то вроде этого:

function getMaxZIndex()
{
   var allModalDialogs = $('DIV.my-modal-class');
   var zIndexMax = 0;
   allModalDialogs.each(function() {
     if ($(this).css('z-index') > zIndexMax) zIndexMax = $(this).css('z-index');
   });
   return zIndexMax;
}
person dimarzionist    schedule 25.08.2010
comment
Спасибо за ваш ответ. В идеале вы совершенно правы. К сожалению, эта ситуация далека от идеальной. :) - person CantSleepAgain; 03.09.2010