Ir para conteúdo

POWERED BY:

Arquivado

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

wolfphw

sobre z-index

Por , em Desenvolvimento frontend

Recommended Posts

wolfphw    60

wolfphw
Postado

tipo eu estou com uma dúvida aki cruel sobre isso....

 

montei um menu e nele eu estou usando esse comando dentro de cada LI

 

ex: http://www.tunna.com.br/eduardo/menu/index2.html

 

naum teria uma forma de eu fazer o meu menu no IE passar um por cima do outro sem precisar colocar em todos os LIs????

 

Tipo no FF eu soh coloco dentro do meu CSS e funciona normal mas dai no IE ele BUG

 

ex no CSS: http://www.tunna.com.br/eduardo/menu/index.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

wolfphw    60

wolfphw
Postado

O velho problema de não voltar com a resposta!!!! ;)

Discordo com você.... eu soh naum respondi antes pq naum estava na frente de um computador, soh agora :P

 

O menu desse link no IE tah certo ai pra vcs??????

 

http://www.tunna.com.br/eduardo/menu/index.htm

 

pra mim ele fica assim...

 

Imagem Postada

 

eu coloquei nesse do index.htm o z-index dentro do meu CSS

li ul {		position: absolute;		left: 130px;		top: 1px;		display: none;		z-index: 1; /* Faz o sub-menu ficar em cima do menu */	}
dai no FF ele funcionou certinho mas pra funcionar no IE eu acabei tendo que colocar isso aki style="z-index:1" dentro das TAGs <LI>

 

ex: <li style="z-index:2">lalala</li>

 

Vcs podem conferirem isso no link do index2.htm, dai ai que esta a minha pergunta tem como o meu menu funcionar da forma correta no IE sem precisar colocar esse style="z-index:2" nas TAGs <LI> ???????

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

wolf,

 

Me expressei mal.....não falei especificamente de você!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

É q você deve saber q a maioria do pessoal pede ajuda, é ajudado e não volta para mostrar pra gente a solução!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

naum sosseguei enquanto naum achei a solução... segue abaixo:

 

Adicione esse codigo no CSS:

li#liUm { z-index: 3; }li#liDois { z-index: 2; }li#liUm ul { z-index: 4; }li#liTres { z-index: 5; }

Infelizmente terei q postar o código, pois naum teria jeito e ele iria se confundir. Troque o body, por esse:

<body> 	<ul id="nav"> 		<li class="menuparent"><a href="#">Home</a></li> 		<li class="menuparent" id="liUm">			<a href="#">Sobre</a> 			<ul>				<li class="menuparent"><a href="#">Historia</a></li> 				<li class="menuparent" id="liTres">					<a href="#">Time</a>					<ul>						<li><a href="#">Time 1</a></li>						<li><a href="#">Time 2</a></li>						<li><a href="#">Time 3</a></li>						<li><a href="#">Time 4</a></li>					</ul>				</li>				<li><a href="#">Escritorios</a></li>			</ul>		</li>		<li class="menuparent" id="liDois">			<a href="#">Serviços</a>			<ul>				<li><a href="#">Web Design</a></li>				<li><a href="#">Aplicativos</a></li>				<li><a href="#">Hospedagens</a></li>				<li><a href="#">Criação de avião de papel</a></li>				<li><a href="#">Curso de truco</a></li>			</ul>		</li>		<li class="menuparent">			<a href="#">Contatos</a>			<ul>				<li><a href="#">Lula</a></li>				<li><a href="#">FHC</a></li>				<li><a href="#">Bush pai</a></li>				<li><a href="#">Bush filho</a></li>			</ul>		</li>	</ul></body>
falow...

Compartilhar este post

Link para o post
Compartilhar em outros sites

wolfphw    60

wolfphw
Postado

vlw pa_brunodessa sua forma pra mim acaba semdo pior, que meu menu vai ser todo dinamico e assim eu vou ter que fazer o CSS tb dinamico..... :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

wolfphw    60

wolfphw
Postado

sorry... nem tinha notado que naum tinha falado que meu menu seria dinamico

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito