jQuery fadeIn() & fadeOut() – Bug no Internet Explorer
Postado em: 4 de novembro de 2008 por Pedro RogérioSe 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]
Isso pode lhe interessar:
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 é proprietário do blog CSS no Lanche, blog voltado ao desenvolvimento front-end.
Leo Caseiro disse: 04.11.08 ás 09:54
Nossa, eu sempre tive este problema. Mas nunca consegui resolver. Uma ótima opção hein? Show de bola!
Micox disse: 04.11.08 ás 13:29
Uoou. Grande sacada.
Alexsandro disse: 04.11.08 ás 17:15
Pelo jeito este bug não afeta o IE 6 ne.. testei aqui e vi anda de diferente.
Pedro Rogério disse: 04.11.08 ás 17:20
@Alexsandro,
Comigo sempre acontece isso nos 2 IEs.
Alex Batista disse: 06.11.08 ás 16:28
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.
Pedro Rogério disse: 12.02.09 ás 13:26
@Alex,
O Bug só acontece nos PC’s dos usuários que possuem o ClearType ativado no Windows.