Apesar de sumido por um bom tempo.. continúo lendo o fórum.. e agora me apareceu uma dúvida..
Em um trabalho que estou desenvolvendo, tenho 2 Divs. 1 é o menu lateral e a outra o conteúdo.
O menu lateral, sobrepoem uma parte do conteúdo (efeito drop down). O funcionamento dele é assim, quando aciono um ítem do menu, ele abre um sub-menu (drop down), em cima do conteúdo,.
No Ie, ele funciona normal, porém no Firefox, o sub menu, na parte que fica sobrepondo o conteúdo, ele não funciona como link.
Ele está visível, isto é, por cima do conteúdo. Porém se passar o mouse por cima dele, ele não pega os link, como se estivesse por baixo do Div.
Meu código está assim (Só a parte que interessa):
HTML
<div id="meio">
<div id="menu">
<script language="JavaScript" type="text/javascript">
getFlash("menu.swf", 293, 301);
</script>
</div>
<div id="conteudo">
<img src="teste.jpg" />
</div>
</div>Script pra chamar o Flash:
function getFlash(nome, largura, altura)
{
document.write('<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="'+ largura +'" height="'+ altura +'">');
document.write('<param name="movie" value="' + nome + '">');
document.write('<param name="quality" value="high">');
document.write('<param name="wmode" value="transparent">');
document.write('<embed src="' + nome + '" width="'+ largura +'" height="'+ altura +'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="0" wmode="transparent"></embed>');
document.write('</object>');
}CSS dos Divs:
#meio {
position:absolute;
margin-left:80px;
margin-top:58px;
background-color:#FFFFFF;
width:664px;
height:402px;
}
#menu {
width:293px;
height:301px;
position:absolute;
margin-top:50px;
z-index:1;
}
#conteudo {
position:absolute;
margin-left:158px;
margin-top:9px;
width:497px;
height:390px;
overflow:auto;
}Aqui segue a idéia de como era pra funcionar.
Os quadros são as divs que falei.
Branco = Meio
Verde = Conteúdo
Amarelo = Menu
A parte amarela na verdade é transparente, e a animação em flash tbm.
O menu básico dele não sobrepoêm o conteúdo. Porém em um dos ítens do menu principal, abre um sub-menu em cima do div conteúdo, porém no firefox não funciona. Ele abre, fica visível, porém você não consegue acessar nem os links, nem os movimentos.
Alguém tem idéia do que pode ser?
Segue em anexo a animação.
Desde já agradeço.
Abraços,
Possamai
Attached Files
-
Menu.zip 7.9KB
15 downloads
