Aggiungere uno sfondo in flash ad un elemento html

Volete inserire un elemento html, ad esempio un DIV, sopra ad un filmato flash, e non sapete come fare? E' veramente molto semplice!

Innanzitutto creiamo due div inseriti all'interno di un contenitore:
<div id="contenitore">
<div id="sfondo-flash"> Inserire swf con sfondo trasparente </div>
<div id="contenuto-html"> Il nostro contenuto html </div>
</div>

Quindi creiamo il CSS:
#contenitore{
width: 600px;
height: 400px;
}
#sfondo-flash{
width: 600px;
height: 400px;
position: absolute;
top:0;
left:0;
z-index: 1;
}
#contenuto-html{
position: relative;
z-index: 2;
}

In alternativa è possibile dare position:absolute; anche al div "contenuto-html".

Potete vedere il risultato qui.


NB: a causa di un bug con il flash player, questa soluzione non è valida per utenti Linux.