Questões de opacidade no Chrome e IE

Question

Estou vendo um comportamento estranho no IE 7 e Chrome com a mudança da opacidade em um PNG de fundo transparente na minha navegação.

o CSS:

 ul.tabs a {
    height: 48px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    }

 div.header ul.tabs a:hover {  
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    }

Answer 1

Acredito que a razão pela qual a renderização parece ruim no IE7 é porque o IE7 não lida bem com a opacidade. Rick Strahl notou o problema em uma postagem de blog intitulada Internet Explorer 7.0 e Opacity: nem mesmo perto!

Um comentário para a postagem do blog vinculada a uma postagem no blog do IE Notas sobre a interação do ClearType com DXtransforms no IE7 Onde aprendemos que a equipe do IE está ciente do problema e oferece uma "explicação" que inclui esta jóia:

"Como nossos usuários também notaram, o texto do ClearType parece extremamente embaçado - infelizmente essas duas tecnologias simplesmente não se misturam bem. Isso ocorre porque a transformação básica da convolução usada pelo DXtransforms não leva em consideração a natureza espacial do ClearType".

Acredito que a equipe do IE foi capaz de incorporar a convolução espacial da ClearType transformar a responsabilidade no IE8, mas, infelizmente, isso não chegou ao IE7.