Ir para conteúdo
Fórum Script Brasil
  • 0

Div Sobre Div

Guest - inrapa -

Perguntado por Guest - inrapa -,

 Share

Pergunta

Guest - inrapa -

Guest - inrapa -

Postado
Postado

Seguinte, tenho um menu e uma animação que deve ficar embaixo do menu. Ambos em flash e com a propriedade transparent.

No css, tá assim:

.corpo .menu{

width:777px;

margin-top:0px;

}

.corpo .animacao{

width:777px;

margin-top:-15px;

}

A sobreposição funcionou legal, só que a animação está por cima do menu, o que devia ser o contrário! Como defino para que o menu fique sobre a animação?

Link para o comentário
Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

  • 0
kuroi

kuroi

Postado
Postado

... é ao contrario. quanto maior o numero mais na frente fica o objeto:

.corpo .menu{
width:777px;
margin-top:0px;
z-index: 1;
}

.corpo .animacao{
width:777px;
margin-top:-15px;
z-index: 0;
}[/code]
veja se funciona. porque testei agora e vi que o z-index funciona assim mesmo.
Link para o comentário
Compartilhar em outros sites
  • 0
Guest Visitante

Guest Visitante

Postado
Postado

Cara, funcionou não. Nem no IE nem no FF... A anim de baixa teima em ficar por cima do menu... Só vai p/ baixo quando tiro o wmode=transparente do menu, mas aí não adianta nada, isso tem que ter igual.

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Visitante

Guest Visitante

Postado
Postado

Ok. Da página está assim:

<body topmargin="0">

<div class="corpo">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="264"><img src="imagens/logo.gif" alt="GSIOnline" width="223" height="86" hspace="20" vspace="5"></td>

<td width="316">&nbsp;</td>

<td width="203">&nbsp;</td>

</tr>

</table>

<div class="menu">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="777" height="50">

<param name="movie" value="menu.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<embed src="menu.swf" width="777" height="50" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>

</object>

</div>

<div class="animacao">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="777" height="180">

<param name="movie" value="flash/ainmacao.swf">

<param name="quality" value="high">

<embed src="flash/ainmacao.swf" width="777" height="180" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>

</object>

</div>

<!-- fim animação -->

<div class="animacao2">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="576" height="157">

<param name="movie" value="flash/trio.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<embed src="flash/trio.swf" width="576" height="157" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>

</object>

</div>

<!-- fim animação 2 -->

</div> <!-- fim div corpo -->

</body>

O CSS é assim:

body, td, span, div, p {

margin: 0 0 0 0px;

/*font: 13px "Trebuchet MS"; color:#4B4B4B;*/

}

BODY

{

background-color:#f7f7f7;

float:right;

overflow-x:hidden;

overflow-y:auto;

}

.imagem {

background-image:url(../imagens/logo.gif);

background-repeat:no-repeat;

width:276;

height:107;

padding-left:40;

}

.bg_table {

margin-right:0px;

width:555px;

background:url(../bgs/sombra.gif);

background-repeat:no-repeat;

}

.bg_table2 {

background:url(../bgs/fundo_dir5.gif);

height:33px;

background-repeat:repeat-x;

}

.corpo{

background:url(../bgs/fundo_dir.png);

background-position:right;

background-repeat:repeat-y;

width:777px;

color:#f7f7f7;

margin-top:0px;

}

.corpo .menu{

width:777px;

margin-top:0px;

z-index:0;

}

.corpo .animacao{

width:777px;

margin-top:-15px;

z-index:1;

}

.corpo .animacao2{

width:576px;

float:left;

margin-top:-5px;

}

Link para o comentário
Compartilhar em outros sites
  • 0
kuroi

kuroi

Postado
Postado

o que significa escrever dois nomes de classe juntos?

.corpo .menu{
width:777px;
margin-top:0px;
z-index:0;
}

.corpo .animacao{
width:777px;
margin-top:-15px;
z-index:1;
}

.corpo .animacao2{
width:576px;
float:left;
margin-top:-5px;
}[/code]


o certo não seria assim?

[code].menu{
width:777px;
margin-top:0px;
z-index:0;
}

.animacao{
width:777px;
margin-top:-15px;
z-index:1;
}

.animacao2{
width:576px;
float:left;
margin-top:-5px;
}

ou talvez o seu problema esteja na animacao no flash mesmo. talvez animacoes do flash sempre fiquem em primeiro plano. eu não sei porque não mexo com flash.

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Visitante

Guest Visitante

Postado
Postado

Coloquei os dois nome porque o menu e a animação estão dentro da DIV corpo. Tentei fazer diferente mas dá na mesma.

Outra coisa, mesmo trocando de posição o menu com a animação, esta também fica por cima, por isso acho que deve ser alguma coisa relacionada ao flash mesmo.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...