Set Flash swf as background in HTML

I need my top flash animation to set as background, i then want my navigation buttons in html to sit in front of the flash.

I have already tried using css ith the z-index.

Does anyone have any code which will let me do it?

Flash behind HTML

Wmode Woes

However…you might as well just not do it.

thanks, that helps, but for some reason there is a big gap above my flah swf at the top of the page.

i want the flash to go right to the top of the page


this is the code i have, see it leaves a big gap above the flash swf.


<div style=“position:relative; font-size:30px; z-index:5;”>LAYER 5</div>
<div style=“position:relative; font-size:30px; z-index:2”>LAYER 2 before flash</div>
<div style=“position:absolute; top:0; left:0; font-size:120px; z-index:2;”>
<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“,0,0,0” width=“100%” height=“252” id=“recursion_tree_branch” valign=“top”>
<param name=“allowScriptAccess” value=“sameDomain” />
<param name=“wmode” value=“opaque” />
<param name=“movie” value=“images/flashbanner.swf” />
<param name=“quality” value=“high” />
<param name=“bgcolor” value=“#e7e7e7” />
<embed src=“images/flashbanner.swf” mce_src=“images/flashbanner.swf” wmode=“opaque” quality=“high” bgcolor=“#e7e7e7” width=“900” height=“252” name=“yourmovie” align=“middle” allowScriptAccess=“sameDomain” type=“application/x-shockwave-flash” pluginspage=“” />
<div style=“position:relative; font-size:30px; z-index:4”>LAYER 4</div>
<div style=“position:relative; font-size:30px; z-index:2”>LAYER 2 after flash</div>
<div style=“font-size:30px; z-index:1”>LAYER 1</div>