08/05/2007

SWF (flash) com Fundo transparente

Mesmo sendo fácil ainda há gente que não conhece. Através de um parâmetro (
<param> ) dentro da tag object podemos especificar se o arquivo terá o fundo transparente.
<param name="wmode" value="transparent"></param>
Para muitos que aindam usam a tag embed para funcionar em todos os browsers tem que colocar o atributo wmode nela também:
<ibed wmode="transparent"></ibed>
Então o código validado do SWF com fundo transparente ficaria assim:
<object type="application/x-shockwave-flash" data="filme.swf" height="400" width="550" ></object>
<param name="allowScriptAccess" value="sameDomain"></param >
<param name="movie" value="filme.swf"></param>
<param name="wmode" value="transparent"></param>

Uma coisa que acontece também que pode gerar bastante dor de cabeça é quando algum elemento do HTML que deveria ficar por cima do SWF e acaba acontecendo o contrário. E você pode alterar o position o z-index e nada. O “bicho” insiste em ficar por cima.
E a solução consiste apenas em deixar o SWF com o fundo transparente.