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!

Compartilhe:

Postado por tpastorello

Leia Mais:

11 respostas para “z-index IE bug fix com jQuery”

  1. rodrigo disse:

    conheço este alien red =D kkk

  2. Rubens disse:

    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 ?

  3. gabriel disse:

    não tem um exemplo de como funciona?
    pois testei aqui e não deu certo…

  4. gabriel disse:

    esquece consegui… milagroso esse negócio mesmo… muito boa a dica… 🙂

  5. tpastorello disse:

    Boa tarde.

    Você selecionou o elemento correto?

    O código: $(‘div’).each(function() {

    Se refere ao elemento div.

  6. gabriel disse:

    então, era isso mesmo… tinha colocado uma classe, dai depois testei a div e deu certo 🙂

    muito obrigado

  7. Eduardo disse:

    Funcionou belezinha, valeu!

  8. Jefferson Santana disse:

    Caro, esse script é realmente um milagre que salva as pessoas. Pelo amor, que coisa linda. Amigo muito obrigado por compartilhar.

  9. Bruno disse:

    Muito bom!! Resolveu o problema no !@#$! IE
    Valew!!

  10. Marcelo Alves disse:

    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

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *