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
Artigos que também lhe podem interessar:
Setembro 14th, 2007 s 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!
Novembro 8th, 2009 s 15:57
Não, funfa!
Tentei colocar o wmode=transparent e =opaque sem resultados. No IE funciona mas firefox continua persistindo erro. meu submenu continua ficando por baixo do flash.
Tambem usei uma dica de hack no firefox que é declarar o div que contem o flash com css style diplay: none e ao carregar a pagina alterar com JavaScript o display para block… sem sucesso
alguma outra ideia?!?
abs.
Novembro 8th, 2009 s 16:13
Okey. Só um porem: Colocar exatamente para o IE!
e colocar na tag embed para o firefox exatamente apos chamar o src= !
<embed src=”banner.swf” quality=”high” wmode=”transparent”
com os parametros repetidos funfou no IE e no Firefox! Aleluia !
Obrigado santo IstoMesmo e santo adriano!
bom blog!