Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Posso inserir a mesma z-index para #css diferentes ?
só para completar o tópico, existem 4 tipos de position: static, absolute, relative e fixed.
para o z-index funcionar, você precisa setar um position diferente do static( que este é o padrão ). flw.
ps: fixed não funciona no ie6.
Olá pessoal!
Vou acrescentar uma dúvida.
Eu tenho uma página que exibi um vídeo do youtube e também fotos. As fotos são exibidas usando Highslide, porém, o vídeo fica sobrepondo a imagem, e é preciso arrasta-la para poder vizualizar completamente.
É possível utlizar o z-index para deixar sempre o vídeo por baixo das imagens?
Eu tentei colocar na tag object que é a que mostra o video, mas não funcionou...
Quem souber por favor responda ai!
Valew!!
Sim, é possível.
Mas para o z-index funcionar no flash, alem do position e do próprio z-index, você precisa definir w-mode como transparent pro flash.
E vamos parar de ressucitar o tópico... vale mais apena procurar a dúvida no sistema de busca, ou criar um novo tópico.
Muito obrigado William, o WMOD resolveu o problema.
No entando, com ele o z-index perdeu o efeito. Retirei todos os z-index e mesmo assim funcionou. Testei também inverter os valores do z-index e também continuou funcionando, tanto no IE como no Firefox.
Mais uma vez obrigado!
>
nick171, você poderia mostrar um exemplo?Particularmente eu nunca vi.
Apenas corrigindo, funciona com relative também ;)
Darkstar, nunca tive esse problema.Acho que se o z-index estiver seta corretamente ele funciona.
ótimo tópico.. mas o seguinte, qual a compatibilidade do z-index com os navegadores.... por exemplo.. sei que o z-index: -1; funciona no IE.. mas no FF não...
[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Pode com relative sim :D Observe o código
HTML
<body>
<div id="num1">1
<div id="num2">Sejam Bem-Vindos à minha primeira página com <h1>Z-INDEX</h1></div>
</div>
<div id="num3">3</div>
</body>
</html>CSS
div#num1 {
width: 100%;
height: 100%;
background-color: #f00;
position: absolute;
margin-left:auto;
margin-right:auto;
z-index: 1;
}
div#num2 {
width: 50%;
height: 100px;
background-color: #0F0;
margin-left:auto;
margin-right:auto;
margin-top: 200px;
[b]position:relative;[/b]
z-index: 2;
text-align:center;
}
h1 {
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
font-style:oblique;
margin-left: 5px;
margin-right: 5px;
}O tópico foi divido.
Tópico inicial http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/234845-resolvido%26nbsp%3Bz-index/
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Pode.
você quiz dizer: "o mesmo valor de z-index"?
Oque vai acontecer, é que esses elementos estarão no mesmo nível do eixo-z. Oque não faz muito sentido, já que usamos o z-index, para alterar esse comportamento.. e se fosse para deixar vários no mesmo nível, não existe necessidade de alterar o valor da propriedade.