Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Meela

Transparência de png no IE8

Por , em Javascript

Recommended Posts

Meela    0

Meela
Postado

Oi gente!

Tenho essa galeria em javascript que vai deixando as imagens transparentes, certo?

As imagens que estou usando são PNGs com transparência, e não estão funcionando no IE8.

Consegui uma biblioteca pra consertar que funcionou no ie7, e um código css que aparentemente deveria funcionar para ie7 e ie8, mas não funciona no 8. Esse aqui:

img {

background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;
}

 

As imagens ficam sempre com uma borda preta no limite entre a imagem e a transparência, e no reflexo da imagem fica tudo com um tom mais escuro (dependendo da imagem fica tudo preto). Segue um exemplo do que acontece:

pngfail.jpg

 

Alguém tem alguma solução pra isso que funcione? Já vi vários artigos sobre isso e nenhum resolveu meu problema..

 

Obrigada, e feliz 2011 pra todo mundo. =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara, não coloque nenhum código para 'arrumar transparência de png' para o ie7 e nem para o ie8.

apenas isso.

 

limite essa correção ao ie6, e não afete os outros.

Se você testar isoladamente, verá que você está tentando arrumar um bug que não existe.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Meela    0

Meela
Postado

William, eu não tinha colocado código nenhum inicialmente, mesmo.

Na verdade, eu bem burra nem sabia que existia essa incompatibilidade do IE com png. Só fui perceber mesmo quando abri a página no IE8 e estava desse jeito bizarro, te juro.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

essa incompatibilidade do IE com png.

isso é apenas no ie6.

 

apartir do 7, os IEs já suportam pngs transparentes nativamente, sem problemas.

anexe a tua imagem .png para eu testar por aqui.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<html>
<head>
<!--[if lte IE 6]>
	<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
	<script type="text/javascript"> DD_belatedPNG.fix('img'); </script>
	<style type="text/css"></style>
<![endif]-->
</head>
<body>
<img src="http://img262.imageshack.us/img262/1348/teste2f.png" alt="" />
</body>
</html>

atentando que você precisa do arquivo DD_belatedPNG_0.0.8a-min.js

http://code.google.com/p/blanktemplate/source/browse/trunk/+blanktemplate/javascript/DD_belatedPNG_0.0.8a-min.js?r=8

 

Pra mim sempre deu certo.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito