Исправление z-индекса IE - CSS-хитрости

Anonim

Это не комплексное решение для устранения всех странных проблем с z-индексом IE, но оно, безусловно, может помочь в некоторых обстоятельствах. Он выполняет цикл по каждому из объявленных вами элементов и применяет к ним постоянно уменьшающиеся значения z-index. IE получает это в обратном порядке, и это устанавливает его правильно. Причина, по которой это не конец-все-все-все, заключается в том, что иногда вам нужен z-index не в DOM-порядке, а иногда в игру также вступает область видимости.

Тем не менее, посмотрите демонстрацию в IE 7 (спасибо Дэну Николлсу), чтобы увидеть сломанную версию вверху и фиксированную версию внизу.

Версия jQuery

$(function() ( var zIndexNumber = 1000; // Put your target element(s) in the selector below! $("div").each(function() ( $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; )); ));

Версия MooTools

if(Browser.Engine.trident)( var zIndexNumber = 1000; // Put your target element(s) in the selector below! $$('div').each(function(el,i)( el.setStyle('z-index',zIndexNumber); zIndexNumber -= 10; )); );