Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou com problemas na transparencia na verdade..
Usei DD_belatedPNG mas dava uma piscada nos submenus que descem
do link Produtos, piscava ao passar o mouse de um link para o outro..
Agora estou usando iepngfix, e a imagem transparente fica em um link (a),
e ao declarar que desejo transparencia tb a essa tag (a), ele não funciona..
No firefox esta tudo direitinho mas no IE6 como sempre ta tenso de arrumar..
Link para visualizar o site completo : http://www.preccisa.com.br/rei/index.htm
Códigos:
index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<title>Rei Abrasivos</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="images/favicon.ico" />
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<script src="scripts/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/iepngfix_tilebg.js"></script>
</head>
<body onload="horizontal();">
<div id="tudo">
<div id="cabecalho" class="cab-index">
<div id="logo-titulo">
<h1><a href="index.htm" title="Rei Abrasivos">Rei Abrasivos</a></h1>
<p class="index"></p>
</div>
<div id="menu_drop">
<ul id="menu_dropdown" class="menubar">
<li class="submenu"><a href="#">Empresa</a></li>
<li class="submenu" id="submenu-desce"><a href="#">Produtos</a>
<ul class="menu">
<li><a href="#">Disco de Corte</a></li>
<li><a href="#">Disco de Desbaste</a></li>
<li><a href="#">Rebolos em Geral</a></li>
<li><a href="#">Ponta Montada</a></li>
</ul>
</li>
<li class="submenu"><a href="#">Quem Somos</a></li>
<li class="submenu"><a href="#">Destaques</a></li>
<li class="submenu"><a href="#">Contato</a></li>
</ul>
</div>
</div>
<div id="conteudo">
</div>
<div id="rodape">
</div>
</div>
</body>
</html>
estilo.css
img, div, ul, li {behavior:url("css/iepngfix.htc")}
/ defaut em tudo /
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label, br, input, button, textarea, h1, h2, h3, h4, h5, strong {
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
font-size:100%;
font-family:verdana, arial, tahoma, sans-serif;
vertical-align:baseline;
background-color:none;
color:#000;
line-height:1;
text-align:left;
}body {
background-color:#ccc;
}
div#tudo {
width:778px;
margin:0 auto;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
div#cabecalho {
width:778px;
height:auto;
padding:19px 0 0 0;
}div#logo-titulo {
float:left;
width:778px;
height:95px;
background:url(../images/cabecalho-traco-transparencia.png) repeat-x 0 0;
} float:left;
width:269px;
height:95px;
text-indent:-9000px;
overflow:hidden;
background:none;
} width:269px;
height:95px;
display:block;
background:url(../images/logo.png) no-repeat 10px 8px;
}
div#logo-titulo p {
float:right;
width:169px;
height:95px;
} background:url(../images/certificado-qualidade.png) no-repeat 0 15px;
}/ MENU PRINCIPAL /
div#menu_drop {
clear:both;
width:778px;;
height:28px;
background:url(../images/cabecalho-menu-traco-transparencia.gif) repeat-x 0 0;
}
ul.menubar {
display:inline;
list-style: none;
}
ul.menubar li#submenu-desce {
background:url(../images/cabecalho-submenu-seta.gif) no-repeat 70px 21px;
}
ul.menubar li.submenu{
float:left;
display:inline;
height:28px;
}
ul.menubar li.submenu a:link, ul.menubar li.submenu a:visited{
font-size:13px;
font-weight:bold;
color:#000;
text-decoration:none;
padding:7px 8px 8px 8px;
}
ul.menubar li.submenu a:hover, ul.menubar li.submenu a:active{
color:#bc2724;
background:#fff;
}
ul.menubar ul.menu{
display: none;
position: absolute;
}
ul.menubar a{
display:block;
}
ul.menubar ul.menu, ul.menubar ul.menu ul{
width: 175px;
}
ul.menubar ul.menu li{
position: relative;
list-style: none;
height:25px;
background:url(../images/menu-drop-fundo.png) repeat-y 0 0;
}
ul.menubar ul.menu li a:link, ul.menu li a:visited{
font-size:13px;
text-indent:23px;
color: #000;
} background:url(../images/menu-drop-fundo-hover.png) no-repeat 0 0;
color:#bc2724;
}
/ Fix IE. Hide from IE Mac \/
* html ul.menu li {
float:left;
padding:0;
margin:0;
} height:0;
line-height:10px;
background:url(../images/menu-drop-fundo.png) repeat-y 0 0;
}ul.menubar ul.menu li.submenu ul {display:none;} / Hide sub-menus initially /
/---------------/
/ MENU PRINCIPAL /
#conteudo{
clear:both;
width:778px;
height:555px;
background:url(../images/index-fundo.jpg) no-repeat 0 0;
}/ RODAPÉ /
#rodape{
width:778px;
height:22px;
background:#952828;
}menu.js (ao passar o mouse no menu que tem submenus, ele mantem a cor de fundo do hover)
function horizontal() {
var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
for (var i=0; i< navItems.length; i++) {
if(navItems[i].className == "submenu")
{
if(navItems[i].getElementsByTagName('ul')[0] != null)
{
navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.background = "#fff";}
navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.background = "#c2c1c1 url(images/cabecalho-submenu-seta.gif) no-repeat 70px 21px";}
}
}
}
}
iepngfix - LINK
.htaccess (serve para funcionar o iepngfix - esta na pasta raiz junto com a index.htm)
AddType text/x-component .htc
iepngfix.htc(serve para funcionar o iepngfix - esta na pasta css junto com a estilo.css)
------------------------
É isso ae.. espero que alguem saiba resolver esse problema de nao funcionar
bg transparente ao declarar na folha de estilo css a tag a (img, div, ul, li, a {behavior:url("css/iepngfix.htc")}
Valewwwwww....
Carregando comentários...