Date: 01/04/07 (Web Development)    Keywords: css

Hey guys,

I embedded a swf file into a page I'm working on locally. It looks great but it sit on top of every other layer on the page, and that's been giving me a headache. Case in point, there is a small box on lower left corner of my page that has important info and MUST sit on top of the flash layer. I tried using zindex (and zIndex, even though CSS is not case sensitive) and set it to 400000 for the small box layer and -40000 for the flash layer (a huge gap, right?) But the layer still came up below the flash layer.

Any idea why it might be doing that?

Here is the code I used to embed the swf:


< object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="shell" viewastext="" align="middle" height="768" width="1024">

< param name="allowScriptAccess" value="sameDomain">

< param name="movie" value="shell.swf">

< param name="quality" value="high">

< param name="bgcolor" value="#000000">

< param name="flashvars" value="subpage=">

< embed src="shell.swf" quality="high" bgcolor="#000000" flashvars="subpage=" name="shell" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="768" width="1024">

< /object>

Source: http://community.livejournal.com/webdev/381081.html