Исправление проблем с Z-Index в IE при помощи jQuery}
По некоторым причинам Internet Explorer вытворяет довольно странные вещи, и имеет несколько известных багов со своим движком рендеринга (визуализации), которые просто сводят с ума. В то время как большинство известных багов случаются сравнительно редко и в значительной части остаются незамеченными, есть и несколько из них, которые действительно сильно заметны и заставляют веб-разработчиков тратить много времени на попытки их исправить. Способ, которым IE визуализирует порядок размещения по z-index - один из них.
Один из способов исправить многие проблемы с IE - это динамически поменять направление порядка размещения по z-индексу по умолчанию для элементов на вашей странице. Это позволит убедиться в том, что элементы выше уровнем в вашем HTML коде также будут иметь более высокий порядок по z-index, решая большинство проблем с размещением в IE. Если вы используете JQuery, то вот быстрое решение:
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
Этот код будет начинаться с z-индекса, равного 1000, и сокращать z-индекс для каждого DIV элемента страницы на 10. Таким образом, первый DIV будет иметь z-индекс равный 1000, второй - 990, третий - 980, и т.д. Обратите внимание, что селектор будет находить все элементы DIV с кодом "$ ('div')", используя тот же синтаксис, как и селекторы CSS. Если ваш HTML-код имеет другие требования, вы можете спокойно изменить код или селектор в соответствии с вашими потребностями, следуя документации JQuery по селекторам.
Комментарии:
НАША 