11 replies to this topic

[aimola]

Boas galera!
Tenho um menu drop down (popup) e está acontecendo o seguinte, em algumas páginas onde tenho foemulário com campos select (combo) este aparece por cima do menu, ou seja, o menu abre mas o combo fica por cima.
Alguem sabe como posso resolver isto?


Abraço!

[Boxer]

Opa!!!

Seu menu Drop Down é um Layer?

Se sim, tenta mudar o Z-Index para 0.


Boas Festas!

[]'s

[aimola]

Opa!!!

Seu menu Drop Down é um Layer?

Se sim, tenta mudar o Z-Index para 0.


Boas Festas!

[]'s

Já havia colocado o z-index=0 mas nada

Mais alguem?

[]'s!

[Boxer]

Posta o código aqui, pra gente analizar...

[redstyle]

z-index não funciona pq isso ai é bug do IE

O que vc pode estar fazendo é pegar todos os elementos select do seu form e dar um style.visibility hidden quando passar o mouse no menu e ele aparecer fazendo o reverso

style.visibility = visible quando o menu sumir retornando o campo novamente.

Ou usar isso : hit Test Div

falowz

[bdoweb]

Putz cara eu tive esse mesmo e fiz como redstyle!!! ai eu fiz uma peguei todos elementos select e também usei o visibility: hidden !!! Peguei todos valores com document.getElementsByTagName("select") usei um "for" e foi mudando seus estilos!!!!


[]'s

[zóio]

só para dar mais um crédito para red style.... desse jeito funcionou, valewww!!1

[Alex Hiroshi]

Um outro jeito, é você abrir um iframe embaixo da layer do menu e na mesma posição.. Assim você não precisa ficar escondendo os select's..

[zóio]

Olá Alex, tem como postar um código exemplo?

[Alex Hiroshi]

<div style="position: absolute; top: 5px; left: 10px; width:50px; height: 50px; background-color: #eee; z-index:2"> Em cima </div>

<iframe  style="position: absolute; top: 5px; left: 10px; width:50px; height: 50px; background-color: #eee; z-index:1"></iframe>



<select>

<option>ddddd</option>

<select>



<div style="position: absolute; top: 5px; left: 100px; width:50px; height: 50px; background-color: #eee;"> embaixo </div>

<select>

<option>dddddd</option>

<select>

[zóio]

Muito bom Alex, assim fica muito mais fácil.. e por exemplo eu criei 3 iframes para ficar atrás dos meus menus e quero exibir o iframe no onmouseover, como ficaria o código para exibir o iframe com o evento do mouse over...

grato pela ajuda desde já!

[Alex Hiroshi]

É só fazer ele aparecer junto com a layer (o submenu).. Não sei como você fez esse menu popup.. mas, por exemplo, se o seu submenu está assim..

<div style="display:none;" id="sub">
<ul>
<li> Menu </li>
<li> Menu </li>
<li> Menu </li>
</ul>
</div>

E para mostrar ele você usa uma função tipo

<script>
function mostra(){
document.getElementById("sub").style.display="block";
}
</script>
<a href="javascript:;" onmouseover="mostra()"> Mostrar </a>

É só colocar o iframe junto, pode ser dentro de uma div (para deixar o menu e o iframe juntos)

<div id="sub" style="display:none;">

<ul>
<li> Menu </li>
<li> Menu </li>
<li> Menu </li>
</ul>

<iframe .....></iframe>

</div>