Problemas com Filter

[Lud-RP 0]

Salve salve ae galera,

 

Seguinte, estou desenvolvendo um site e vou usar um PNG no layout.

bom.. no IE7 e FF não teve problemas, consegui fazer funcionar do jeito que queria mas como tudo tem um porem...

 

do IE6 pra baixo, ele não "entende" a transparência do PNG. Legal né?

bom.. pesquisando por ai encontrei uma "gambiarra" da microsoft que colocado no CSS faz funcionar os canais alpha da imagem PNG nas versões <= a 6.

 

CODE

#site #colEsquerda #menu {

width:216px;

height:310px;

margin-top:-55px;

position:relative;

background:url(imagens/images/menu.png) !important;

background-repeat:no-repeat;

background-image: none;

filter: none !important;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/images/menu.png);

}

Bom.. funcionou que é uma maravilha.. ficou igualzinho ao IE7 e FF...

como podem entender pelo id... vai ser um Menu.. em todo menu tem??? Links...

 

bom.. no IE7 e FF funcionaram sem problemas.. mas como tudo tem um porem (2)...

no IE6 o link não funciona.. simplesmente não funciona..

aparece o texto do link na cor que eu defini no css do link masss fica parecendo uma imagem o texto, não clica, não faz nada...

 

CSS do link:

CODE

#site #corpo #colEsquerda #capsMenus {

width:200px;

margin:auto;

font-size:14px;

font-weight:bold;

color:#006666;

font-family:Arial, Helvetica, sans-serif;

padding-top:90px;

}

#site #corpo #colEsquerda #capsMenus a{

display:block;

text-decoration:none;

color:#006666;

padding:5px;

}

#site #corpo #colEsquerda #capsMenus a:hover{

display:block;

text-decoration:underline;

color:#006666;

padding:5px;

}

E o HTML:

CODE

<div id="colEsquerda">

<div id="menu">

<div id="capsMenus">

<a href="index.php">Principal</a>

<a href="?m=hotel">O Hotel</a>

<a href="?m=acomodacoes">Acomodações</a>

<a href="?m=lazer">Lazer e Diversão</a>

<a href="?m=reservas">Reservas Online</a>

<a href="?m=localizacao">Localização</a>

<a href="?m=fotos">Álbum de Fotos</a>

<a href="?m=contato">Contato</a>

</div>

</div>

</div>

observei o seguinte, se no CSS do menu eu tirar a parte do filtro: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/images/menu.png);

 

O Link Funciona no IE6 mas como tudo tem um porem (3)...

a imagem de fundo some http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

 

Palmas para microsoft.

 

Alguem saberia como posso resolver??

 

Obrigado.

[inforsis 1]

Boa Noite!

Bom não sei precisamente como resolver o problema, porém vou te deixar um link que acredito que pode te auxiliar:

 

BOA DICA: PNG com transparência no IE

 

Nesse tópico o nick171 e outros membros discutem sobre o assunto...

 

até mais.