Erro no Internet Explorer: cor #02050A é substituída por branco
GeralDurante um trabalho de diagramação de um site, tive que usar um recurso de visualização de imagem chamado Lightbox (ou um com outras funções, chamado Lytebox) e aí começaram os erros. A instalação é normal, todos os arquivos se encaixam perfeitamente e as imagens aparecem lindamente com o efeito que o script produz, mas no Internet Explorer, certas imagens aparecem com erros. Uns pontinhos brancos aparecem em vários pedaços da imagem que deveria ser toda escura. Exemplo abaixo.

Comparação pra mostrar como fica a imagem com erro.
Depois de muita pesquisa na internet e comparação entre as imagens com erro e sem erro, descobri os pontinhos brancos haviam substituído a cor #02050A, que é quase um preto. Ou seja, toda imagem que tivesse a cor #02050A seria substituído pela cor branca, mas isso somente no Internet Exporer (testado na versão 6 e 7), nos outros browsers como Opera, Firefox e Safari, o erro não acontecia. O tal erro se dá por um problema no alpha filter (canal alpha) do Internet Explorer, mas se manifesta somente ao utilizar plugins que usam códigos em javascript que, por sua vez, utilizam o alpha filter. Exemplos de scripts em que isso acontece, são: Lightbox, Lytebox, GreyBox, Slimbox e vários outros “box” que tem pela web.
Como não dá pra ver o erro em uma imagem normal, eu criei uma página simples com todos os códigos e explicações para ver o erro. Se alguém tiver interesse, só clicar abaixo:
Página com explicações do erro da cor #02050A no Internet Explorer 6 e 7.
Bem, se alguém tiver notícias de como resolver esse problema, sobre como ocorre ou qualquer coisa relacionada, só falar aí nos comentários ou entrar em contato.















Este bug já foi corrigido nas versões mais novas do scripts citados.
Para solucionar o problema você primeiramente deve comentar a linha 195 do arquivo AJS.js (caso use o GreyBox, senao dê um “CTRL F” e busque a linha que aplica o filter e comente-a).
Depois adicione essa regra ao seu arquivo css. Verifique se a div criada pelo seu lighbox tem esse mesmo nome.
div#GB_overlay{
filter:alpha(opacity=55, finishopacity=55, style=1);
opacity:.55;
-khtml-opacity:.55;
}
by erackson
Também aconteceu isso comigo. Caso alguém tenha achado alguma solução, favor enviar para o e-mail eracton@gmail.com.
Obrigado!
Isso tambem ocorreu comigo, mesmo instalando mais 2 browser naum adiantou…tive que, infelizmente, formatar.
Firefox > all