Ir para conteúdo

POWERED BY:

Arquivado

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

livia.unicamp

Menu com div e campo de formulário

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

livia.unicamp    0

livia.unicamp
Postado

Olá lista, Certa vez li numa mensagem dessa lista sobre "z-index", falando sobre sobreposição de elementos numa página. E agora estou precisando disso. Tenho um menu html, que está num div, e um formulário abaixo. Preciso que o menu sobreponha um campo select do formulário, mas isso não está acontecendo. Já teste com o z-index, mas parece não estar funcionando. Alguém tem uma dica ou pode me ajudar a respeito? []sLívia

Compartilhar este post

Link para o post
Compartilhar em outros sites

Douglas    6

Douglas
Postado

Bem vinda ao fórum Lívia.É só você colocar o menu em uma camada e o formulário em outra.Exemplo:A camada do menu você define 2 (frente)E o formulario você define como como 1 (atras).No grupo de painéis (Layout avançado » Camdas) (F2) você pode organizar o Z-index mais fácil.

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

Bem vinda ao fórum Lívia.A camada do menu você define 2 (frente)E o formulario você define como como 1 (atras).No grupo de painéis (Layout avançado » Camdas) (F2) você pode organizar o Z-index mais fácil.

Isto não adianta, como prova o código abaixo...Teste-o...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script></head><body><div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #FFCC00; layer-background-color: #FFCC00; border: 1px none #000000; left: 98px; top: 83px;">   <form name="form1" method="post" action="">    <select name="select">    </select>  </form></div><div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 31px; top: 20px; background-color: #003399; layer-background-color: #003399; border: 1px none #000000;"></div></body></html>
O que você pode fazer é qdo o mouse estiver por cima da layer sem combo, você deixa a layer com combo com "hide".Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito