Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 119
Sexo: Masculino

Z-Indez no IE. E agora?

16-12-2008 10:50

http://www.globoinfo.com.br/globoinfo_novo/index4.php

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_embaixo { position: absolute; top: 143%; bottom: 0px; background-image: url("fundo_embaixo.jpg"); width: 100%; height: 89px; z-index: 2; } .base { width: 960px; height: 250px; position: absolute; float:left; top: 110%; bottom: 0; margin-left: 20px; z-index: 3; } .rodape { position: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; } .menu { float:left; background-color:#0D74A6; height: 40px; width: 500px; text-align:center; z-index: 6; }

Menu com z-index 6, o maior, deve ficar na frente de todos. certo?
Safari, Google Chrome, Firefox, fica legal.
No IE não.

Alguma mudança no CSS?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17401
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Z-Indez no IE. E agora?

16-12-2008 14:06

Roda esse exemplo ai, testei no IE, muda os z-index

<style> .div1{ position:relative; width:100px; height:100px; background-color:#cccccc; z-index:6; // div1 } .div2{ position:relative; top:-30px; left:10px; width:100px; height:100px; background-color:#666666; z-index:1; # div2 } </style> <div class="div1"></div> <div class="div2"></div>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 119
Sexo: Masculino

Z-Indez no IE. E agora?

16-12-2008 15:12

sim..
com duas divs fica legal..
mas quando fui trabalhar com mais que dá problema..
mas consegui resolver de outra forma...
colocando aquela div dentro da div topo...

flow cara e agradeço pela ajuda!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17401
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Z-Indez no IE. E agora?

16-12-2008 16:21

:;)
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado