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?