Ir para conteúdo

POWERED BY:

Arquivado

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

freela5

Transparencia em arquivos PNG - IE6

Por , em Desenvolvimento frontend

Recommended Posts

freela5    0

freela5
Postado

Caros,

 

Essa deve ser uma pergunta muito frequente mas estou desesperado procurando uma solução e até agora nada, o IE6 não reconhece a transparência em arquivos PNG, alguma solução?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Existem algumas aqui:

http://forum.imasters.com.br/index.php?/topic/223512-boa-dica-png-com-transparencia-no-ie/

http://forum.imasters.com.br/index.php?/topic/296597-dica-png-transparente-com-repeat-no-ie6/

 

Eu costumo usar essa:

http://forum.imasters.com.br/index.php?/topic/325686-png-transparent-no-ie6-e-ie5-solucao-definitiva/

 

A menos qndo ela buga... ai uso um .htc mesmo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

freela5    0

freela5
Postado

Oi William, valeu pelas dicas.

 

usei o método q você recomendou, em uma imagem que tinha opacidade de 80% ele funcionou perfeitamente, agora em imagens com opacidade 100% e contorno transparente ele não funciona, é assim mesmo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não, deveria funcionar para qualquer nivel de opacidade.. aplicou certinho ?

 

Veja que se for o background de um elemento que você quer deixar transparente pro IE6, você precisa declarar lá no script, o caminho CSS até o elemento.

Coloca um link, para vermos como você fez.

Compartilhar este post

Link para o post
Compartilhar em outros sites

freela5    0

freela5
Postado

Oi William, falei besteira, em todas as imagens funciona, mas nos backgrounds não, segue o codigo:

 

<head>
<!--[if lte IE 6]>
  <script src="includes/DD_belatedPNG_0.0.7a.js" type="text/javascript"></script>
  <script type="text/javascript">
    DD_belatedPNG.fix('#bg_chair, img');
  </script>
<![endif]-->
</head>

<body>
  <div id="bg_chair"></div>
</body>

/*css externa*/
#bg_chair {
  width: 517px;
  height: 565px;
  position: absolute;
  top: 168px;
  left: -86px;
  background: url(../imagens/bg_chair.png) no-repeat;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

freela5    0

freela5
Postado

Não, deveria funcionar para qualquer nivel de opacidade.. aplicou certinho ?

 

Veja que se for o background de um elemento que você quer deixar transparente pro IE6, você precisa declarar lá no script, o caminho CSS até o elemento.

Coloca um link, para vermos como você fez.

 

 

Não entendi, deve ser esse o problema, como eu declaro o caminho css no script?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Estranho. Tente assim:

 

<!--[if lte IE 6]>
  <script src="includes/DD_belatedPNG_0.0.7a.js" type="text/javascript"></script>
  <script type="text/javascript">
    DD_belatedPNG.fix('#bg_chair, img');
  </script>
  <style type="text/css">
  #bg_chair{
        position: static;
  }
  </style>
<![endif]-->

Compartilhar este post

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

Informação importante

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

  Aceito