29.08.2009

Como posicionar uma DIV em cima de um Flash

Quem nunca teve problema na hora de botar uma <div> com posição absoluta (position:absolute) em cima de um Flash?!

Isso ocorre muito na maioria dos sites que navego hoje em dia.

Para resolver esse problema basta adicionar o atributo wmode=”transparent” dentro da tag <embed> do Flash. Exemplo:

<object width="560" height="340">
<param name="movie" value="http://www.youtube.com/v/Umj1lvgoI68&hl=pt-br&fs=1&"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/Umj1lvgoI68&hl=pt-br&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="560" height="340" wmode="transparent"></embed>
</object>

Fácil não?

Fiz um DEMO com vídeos do Youtube mostrando o problema e a solução, é só visualizar o código-fonte:
Demo

17 respostas a "Como posicionar uma DIV em cima de um Flash"

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *