Recentemente deparei-me com um problema de layout, no site que estava a construir existiam várias áreas da página que eram objectos flash, nomeadamente banners. Até aqui tudo bem, o problema é que também estava a utilizar uma consola flutuante que se podia movimentar por toda a página, e sempre que esta passava por cima de um objecto flash, este ficava por cima, escondendo algumas opções da consola.
ApĂłs alguma pesquisa na net, descobri uma resposta num fĂłrum que me resolveu o problema, e que vou partilhar com vocĂŞs.
Sempre que se depararem com este problema, é necessário adicionar um parâmetro na declaração do ficheiro flash
<param name=”wmode” value=”transparent“></param>
para funcionar no firefox e no opera e adicionar este mesmo parametro ao embed
<embed src=”banner.swf” quality=”high” wmode=”transparent” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”600″ height=”80″>
para funcionar no Internet Explorer.
Desta forma o flash passa a respeitar o z-index, bastando agora definir o z-index no div flutuante
<div style=”position : absolute; z-index: 1;“></div>
Problema Resolvido!
Podem ver um exemplo que criado pelo adriano aguiar em
http://www.adrianoaguiar.kit.net/duvida_flash_mxstudio1/css_animacao.css
Se tiverem dúvidas ou outras idéias deixem o vosso comentário. São sempre bem vindos
Setembro 14th, 2007 at 14:59
Deparei-me com o mesmo problema. Tentava montar uma página com DIVs em float sobrepostos com um Flash em um deles. Usada o parâmetro wmode=”transparent” e a página era corretamente exibida no IE e Opera. O problema ocorria apenas no Firefox. o brigado pela dica!