O exemplo abaixo mostra o código funcionando em todos os navegadores.
Esse texto está dentro do div e em cima do objeto swf flash
Aqui está o código, apenas substitua "CAMINHO" pelo caminho do objeto flash e ele já está pronto para suportar todos os navegadores, incluindo IE6, IE7, IE8 e FireFox.
<html>
<head>
<style>
#Div_Flutuante{
font-weight: bold;
border: 2px solid #930000;
background-color:#FFDFDF;
padding: 6px;
width: 200px;
position: absolute;
top:200px;
z-index: 3;
font-size: 14px;
left:100px;
}
#Div_do_Flash{
background-color:#CCCCCC;
position: relative;
z-index: 0;
}
</style>
</head>
<body>
<div id="Div_Flutuante">Esse texto está dentro do div e em cima do objeto swf flash</div>
<div id="Div_do_Flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="400">
<param name="movie" value="CAMINHO" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<embed src="CAMINHO" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
</object>
</div>
</body>
</html>
<head>
<style>
#Div_Flutuante{
font-weight: bold;
border: 2px solid #930000;
background-color:#FFDFDF;
padding: 6px;
width: 200px;
position: absolute;
top:200px;
z-index: 3;
font-size: 14px;
left:100px;
}
#Div_do_Flash{
background-color:#CCCCCC;
position: relative;
z-index: 0;
}
</style>
</head>
<body>
<div id="Div_Flutuante">Esse texto está dentro do div e em cima do objeto swf flash</div>
<div id="Div_do_Flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="400">
<param name="movie" value="CAMINHO" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<embed src="CAMINHO" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
</object>
</div>
</body>
</html>
Aê cara, valeu o post. Quase todos os sites que encontrei do Google só lembram do wmode transparent. Testei no IE8, Firefox, Safari, Chrome e Opera no Windows e no Safari, Firefox e Chrome no Mac e funcionou perfeitamente.
ResponderExcluirParabéns!
Cara.. que demais. Parabéns por compartilhar algo que pouca gente sabe.. ou os que sabem não compartilham. Muito 10. Funcionou 100% em todos os navegadores.
ResponderExcluirObrigado pelos comentários, isto me incentiva muito.
ResponderExcluirEstou muito feliz por ter ajudado alguém, isto foi uma solução que eu demorei muito para achar na Internet, e ainda só havia em sites de língua inglesa.
exatamente o que eu queria...
ResponderExcluirvlew aê cara..muito bom..
Fico feliz por ter te ajudado Felipe =]
ResponderExcluirOlá, tentei vários scripts que havia encontrado na net mas o seu foi o único que funcionou. Obrigada por partilhar o conhecimento. Agora fiquei com um outro problema, no Explorer o tamanho da imagem em Flash é renderizado corretamente, já no Chrome e no Mozzila ela fica reduzida :S! Agora procurar resolver esse outro problema. Obrigada!
ResponderExcluirAmigo comigo não funcionou :(
ResponderExcluirFiz do jeito que está ae, apreceu um pouco a minha popoup mais a animação passa por cima ;/
No internet explorer não está funcionando ;/
ResponderExcluirputa merda, esse post salvou minha vidaa. HAUHAUAHHAU
ResponderExcluirvaleu cara.
Olá, Parabéns pelo POST, muito válido, me ajudou muito. Obrigado!
ResponderExcluirparabéns pelo post.. como lembrado pelo Felipe, muitos sites comentam apenas sobre o wmode transparent...
ResponderExcluirvlw.. obrigado.!
Fico muito feliz de poder ajudar a comunidade brasileira de desenvolvedores.
ResponderExcluirEu sou Português e resultou comigo
ExcluirApanhei um pouco achando que o segredo estava no z-index mas precisava dos dois wmode=transparent no código do vídeo, agora foi hehe, valeu!
ResponderExcluirJá testou no ipad?! Não funciona...
ResponderExcluirvai toma no cu
ResponderExcluirCara eu preciso da sua ajuda, pq tenho um menu que rola com a pagina e ele acaba ficando atras das outras divs!!!
ResponderExcluirComo colocar uma página por cima dum flash?
ResponderExcluirSerá que esse método funciona?