Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
Carregando comentários...