SWF'en kan ikke settes inn som bg i css'en, men må legges inn som et objekt i en div som settes som bakgrunn. Eks:
HTML kode:
<div id="wrap">
<div id="flash">
<OBJECT height="600" width="976" >
<PARAM NAME="movie" VALUE="path/foo.swf">
<PARAM NAME="wmode" VALUE="transparent">
<embed src="path/foo.swf" wmode="transparent" width="976" height="600">
</embed>
</OBJECT>
</div>
<div id="content">
Innhold som skal ha flash som bakgrunn...
</div>
</div>
Som du ser plasserer jeg også en div#wrap rundt div#flash - en relativt posisjonert div som benyttes som container. Når jeg vil plassere andre elementer over flash'en (slik at den blir en bakgrunn) plasserer jeg disse absolutt i forhold til div#wrap, med z-index høyere enn 0. Jeg har lagt til div#content over for å vise hvordan dette kan gjøres.
CSS'en:
Kode:
#wrap
{
height:650px;
width:976px;
position:relative;
}
#flash
{
height:650px;
width:976px;
position:absolute;
z-index:0;
top:0px;
left:0px;
}
#content
{
height:650px;
width:976px;
position:absolute;
z-index:1;
top:0px;
left:0px;
}
Håper dette hjelper deg videre
