Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

snake_rox

[Resolvido] Problemas com a propriedade z-index no IE

Recommended Posts

Pessoal boa noite!

 

Estava com um problema de visualização com a UL do meu menu, resolvi aplicando a propriedade z-index:999; e resolveu no Firefox, Chrome... Porem nos IE's ainda continuam com problema. vejam como está na imagem abaixo:

 

error.png

 

Acessem o endereço!

 

MENU

#header #header_centro #menu{ width:720px; height:35px; float:right; position: relative;}
#header #header_centro #menu ul{list-style:none; float:left; }
#header #header_centro #menu ul li{ display:inline; width:100px; height:20px; float:left; background:#333; margin:0 0 0 4px; text-align:center; padding:5px 8px;}
#header #header_centro #menu ul li a{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-decoration:none; cursor:pointer; font-variant:small-caps;}
#header #header_centro #menu ul li:hover{ background:#002642;}
#header #header_centro #menu ul li ul{display:none;}
#header #header_centro #menu ul li:hover ul{ display: block; position: relative; z-index:3;}
#header #header_centro #menu ul li ul li{ width:100px; height:20px; margin-left:-8px; border-bottom:1px solid #f4f4f4;}

 

SlideShow

#slideshow {margin:0 auto; width:745px;	height:235px; position:relative; float:right; z-index:0;}
#slideshow #slidesContainer { margin:0 auto; width:560px; height:235px; overflow:auto;  position:relative;}
#slideshow #slidesContainer .slide {  margin:0 auto;  width:660px;  height:235px;}

 

Desde já meu muito obrigado!

 

Abraço a todos.

 

att,

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aqui no Firefox ficou bugado também. Mas adicionei o z-index no menu, como um todo:

#header #header_centro #menu {
   float: right;
   height: 35px;
   position: relative;
   width: 720px;
   z-index: 9999; 
}

...e deu certo. Veja se vai ocorrer o mesmo no IE.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aqui no Firefox ficou bugado também. Mas adicionei o z-index no menu, como um todo:

#header #header_centro #menu {
   float: right;
   height: 35px;
   position: relative;
   width: 720px;
   z-index: 9999; 
}

...e deu certo. Veja se vai ocorrer o mesmo no IE.

 

Realmente funcionou amigo, estão foi só setar o z-index no MENU inteiro. Muito Obrigado!

 

Valeu mesmo!

 

Pessoal, podem fechar este tópico. Resolvido!att,

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.