jQuery fadeIn() & fadeOut() – Bug no Internet Explorer
Postado por: Pedro Rogério emSe você já trabalhou com os efeitos de fadeIn & fadeOut da biblioteca jQuery já deve ter reparado que os elementos em que esses efeitos são aplicados (No Internet Explorer), principalmente textos, ficam com as fontes pixeladas, em algumas situações chegando a acontecer de o texto ficar em negrito e após a execução do efeito ele voltar ao normal. Se tratando de Internet Explorer, nem a Microsoft sabe o por que disso acontecer.
Já tive vários problemas desse tipo e até então não havia encontrado a solução, mas acabei encontrado uma solução muito interessante no site de Kevin Leary que consiste simplesmente em adicionar uma cor de fundo ao elemento que será aplicado o fade.
Acessem esse exemplo com o Internet Explorer e vejam o erro acontecer. Provavelmente esse erro acontece com outras bibliotecas JavaScript, portanto, fica aí a solução.
[Update]Encontrei aqui uma outra solução muito interessante.[/Update]
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Nossa, eu sempre tive este problema. Mas nunca consegui resolver. Uma ótima opção hein? Show de bola!
Uoou. Grande sacada.
Pelo jeito este bug não afeta o IE 6 ne.. testei aqui e vi anda de diferente.
@Alexsandro,
Comigo sempre acontece isso nos 2 IEs.
Estou fazendo um MENU de um site aqui da empresa que usa esses efeitos e não tive problema. Aproveitei e olhei agora pra você se esse problema acontecia, mas ainda bem que não.
@Alex,
O Bug só acontece nos PC’s dos usuários que possuem o ClearType ativado no Windows.
Estou com um problema semelhante.
Ao dar fadeIn/Out em um PNG com fundo transparente, ele ‘aplica’ um fundo preto na transparência, antes de dar o fade.
Já passou por problema semelhante?
Também estou com o mesmo problema do amigo acima.
As imagens png, quando usadas com algum efeito JQuery estão ficando com um fundo preto totalmente serrilhado.
Se alguém souber de alguma solução, favor compartilhar!
Obrigado.
Também estou com o mesmo problema da imagem .PNG. Neste caso consegui fazer funcionar só nos IE’s 6 e 7 (Firefox funciona tranquilo, pra variar…). Para isto, adicionei o “DD_belatedPNG.fix” tanto para o IE 6 quanto para o 7, mas quando fiz para o 8, nada de funfar… =T
Se alguem conseguir algo a partir disso ou qualquer outra solução, “favor compartilhar!”
Abraço!
Acabei de achar esse artigo aqui também, sobre esse problema do .PNG:
http://www.mezzoblue.com/archives/2010/05/20/ie8_still_fa/
A solução do autor foi adicionar uma meta tag que faz com que o navegador IE8 leia a página como IE7. Resolvendo o problema adicionando também, como dito acima, o “DD_belatedPNG”.
Abraço!
Beleza Pedro, estou com um problema semelhante, no meu caso uso uma imagem como background em PNG, ao aplicar o efeito fadeIn/fadeOut a imagem fica com fundo preto durante a transição. Aplicar um fundo resolve o problema, porém a solução não se aplica layout. Alguma sugestão? ABS
Fala Wily!
Nao entendi o q vc quis dizer com “porém a solução não se aplica layout”.