Links acima de um PNG transparente não funcionam no IE6

[kenobi 0]

Pessoal, tô com um problemão com o nosso amigo IE6.

 

Estou reformulando um trabalho antigo usando CSS no layout, mas quando insiro um link (seja ele em texto ou imagem), um uma div que contém um png transparente de fundo, o IE6 simplesmente ignora o link. Também não consigo selecionar um texto que está nesse div.

 

Testei no FF, Safari e Opera, e nesses navegadores o problema não ocorre.

 

Alguem sabe como resolver essa encrenca?

[brcontainer 16]

tem algum exemplo ou link?

 

você viu aqui no forum possui alternativas de transparencia em PNG no IE6

 

faça uma busca, talvez o código que você use tenha algum BUG

veja outros =]

 

se ocorrer o problema ae é melhor passar un link pra testarmos

[brcontainer 16]

Testei no FF, Safari e Opera, e nesses navegadores o problema não ocorre.

nesses funcionam pq eles reconhecem transaparencia

 

ja o IE6 ou inferior não reconhecem

segue o exemplo:

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<style type="text/css">
<!--
.fundo {
background-image: url(imagens/fundo_cima.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/fundo_cima.png);
}
-->
</style>
<a href="link">link</a>
<img src="png-transparency.png" alt="-">
<a href="link">link</a>

http://forum.imasters.com.br/index.php?sho...view=getnewpost

[kenobi 0]

cara, a situação é um pouquinho mais complicada...

 

eu to usando o css desse jeito pra aceitar png, mas o problema não é a exibição do fundo, e sim o que vai por cima do fundo.

publiquei o codigo no endereço www.celula4.com.br/png pra você dar uma olhada.

 

 

vlw.

[brcontainer 16]

faltou isso na sua página:

<script defer type="text/javascript" src="pngfix.js"></script>

apesar que acho q não faça muita diferença =/

testei sua página e não ocorreu problema nenhum

 

vou fazer mais uns testes inclusive o relative

[Leonardo P 0]

declare position:relative nos estilos que usarem png transparente.

eu já passei por esse problema e resolvi assim.

 

você provavelmente está usando aqueles filtros do ie6 pra transparência, eles dão esse problema mesmo... http://forum.imasters.com.br/public/style_emoticons/default/natal_mad.gif

[brcontainer 16]

uma coisa que eu notei foi os nomes das imagens olha:

 

aqui você usou IMAGEM.PNG

background:url(imagem.png) repeat-x;

aqui você usou FUNDO.PNG

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fundo.png',sizingMethod='scale');

isso tah certo?

[kenobi 0]

declare position:relative nos estilos que usarem png transparente.

eu já passei por esse problema e resolvi assim.

Leonardo P, você merece uma estátua em praça pública mano... vlw mesmo, funcionou perfeito.

 

ô silverfox, na preça escrevi o código errado, desconsidera... hehehe... mas valeu a força. O post do leonardo matou a charada.

[Nícolas 4]

Cara da próxima vez da uma busca no fórum já tem vários tópicos sobre isso.

E esse tem basicamente tudo o que você precisa saber =)

 

E a dica foi postada até no final do primeiro post...

 

Mas pelo menos o problema foi resolvido... :)

[Leonardo P 0]

então kenobi essa solução quem me mostrou foi o nick171 naquele tópico que ele postou aí... http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif