Problema – Flash sobrepõe-se a um floating div

Mudámos de casa – visitem o novo site em www.istomesmo.com

FlashRecentemente 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&#8221; 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

11 Respostas

  1. 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!

  2. No meu caso utilizo flash 100% e meu div não fica por cima, tem uma idéia?

  3. Puts, muito bom mesmo, durante um bom tempo fiquei procurando de fórum em fórum tentando resolver meu problema mas só aqui consegui, valeu mesmo…

  4. Estava com esse problema no IE 8.0 Beta…
    Dica muito útil, resolveu meu problema…
    Parabéns!!!

  5. @ Everton

    Obrigado. É sempre óptimo saber que serviu para ajudar alguém.

  6. @ Dalmon Carvalho

    Excelente. Ainda bem que consegui ajudá-lo a resolver.

  7. Valeu! Tava com esse problema com o flash e foi resolvido.
    Só precisei usar este trecho do código na div:

    Alescio

  8. MUITO OBRIGADOOOOOO!!!!!

    vlw mesmo P)

  9. Excelente! Problema Resolvido. =))

  10. Obrigado por compartilhar. Problema resolvido.

  11. Opa salvou a galera ae cara!
    Show de bola valeu mesmo!
    Abs!

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s

%d bloggers like this: