Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
http://www.globoinfo.com.br/globoinfo_novo/index4.php
http://forum.imasters.com.br/public/style_emoticons/default/natal_ohmy.gif
No IE, a figura de fundo_cima fica sobre o menu. Já vi que dá pra resolver isso com Javascript e tals, mas também li que o IE considera que o z-index de maior numero fica na frente, como deve ser claro. em duas divs nessa pagina o z-index funcionou. só não entendo porque dessa vez não está funcionando.
.fundo_cima
{
position: absolute;
top: 0%;
bottom: 0px;
background-image: url("fundo_cima.jpg");
width: 100%;
height: 120px;
z-index: 1;
}
.fundo_embaixoposition: absolute;
top: 143%;
bottom: 0px;
background-image: url("fundo_embaixo.jpg");
width: 100%;
height: 89px;
z-index: 2;
}
.basewidth: 960px;
height: 250px;
position: absolute;
float:left;
top: 110%;
bottom: 0;
margin-left: 20px;
z-index: 3;
}
.rodapeposition:fixed;
bottom: 0px;
width: 384px;
height: 51px;
margin-left: 616px;
color: #fff;
background-image: url("rodape.png");
z-index: 4;
}
.sombra,.menu{
position: relative;
bottom: 3px;
right: 3px;
z-index: 5;
}
.menufloat:left;
background-color:#0D74A6;
height: 40px;
width: 500px;
text-align:center;
z-index: 6;
}Safari, Google Chrome, Firefox, fica legal.
No IE não.
Alguma mudança no CSS?
Carregando comentários...