z-index IE bug fix com jQuery
Quem trabalha com CSS e precisa validar o código no ultrapassado Internet Explorer com certeza já teve problemas em relação ao uso da propriedade z-index.
Alinhar corretamente os elementos HTML com z-index no IE é um mistério. Mesmo depois de anos trabalhando com CSS não consigo entender qual a lógica correta para trabalhar com z-index no IE. Já utilizei varias combinações de propriedades e algumas delas até funcionaram, mas encontrei um script em jQuery que faz o milagre acontecer. Basta colar o script no código de seu site e o z-index funcionará no Internet Explorer.
$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
Não esqueça que é necessário utilizar jQuery.
Gostou? Compartilhe!
Postado por tpastorello
conheço este alien red =D kkk
Gostei do código, mas eu fiquei com uma duvida eu tenho que colocar cada nome das minhas divs ou esse código é padrão para todas as div’s funcionarem no IE ?
Olá Rubens.
Você pode utilizar da forma que quiser, Basta trocar “$(‘div’)” por qualquer elemento que desejar exemplo: “$(‘#ID03’)” ou “$(‘.CLASSEX’)”.
não tem um exemplo de como funciona?
pois testei aqui e não deu certo…
esquece consegui… milagroso esse negócio mesmo… muito boa a dica… 🙂
Boa tarde.
Você selecionou o elemento correto?
O código: $(‘div’).each(function() {
Se refere ao elemento div.
então, era isso mesmo… tinha colocado uma classe, dai depois testei a div e deu certo 🙂
muito obrigado
Funcionou belezinha, valeu!
Caro, esse script é realmente um milagre que salva as pessoas. Pelo amor, que coisa linda. Amigo muito obrigado por compartilhar.
Muito bom!! Resolveu o problema no !@#$! IE
Valew!!
Valew carinha, estou trabalhando em um sistema e infelizmente tenho que fazer funcionar no ie7 e tava tudo ok com exceção do z-index que não funcionou, esse script solucionou meu problema.
Abraço