Return to Snippet

Revision: 36873
at November 29, 2010 08:29 by rumremix


Updated Code
1. Wrap your flash content in a div
2. Add <param name="wmode" value="transparent"> to your object tag
3. Set wmode="transparent" in the embed tag
4. Use css to set the position and z-index for your div (don't set negative z-index values as it will make your flash disappear)

:c:

#flash {
position: relative; /*or absolute*/
z-index: 0;
}

:x:

<div id="flash">
<object .... >
<param name="wmode" value="transparent">
<embed .... wmode="transparent">
</object>
</div>

And that�s it!

Revision: 36872
at November 29, 2010 08:28 by rumremix


Initial Code
1. Wrap your flash content in a div
2. Add <param name="wmode" value=”transparent”> to your object tag
3. Set wmode="transparent" in the embed tag
4. Use css to set the position and z-index for your div (don’t set negative z-index values as it will make your flash disappear)

:c:

#flash {
position: relative; /*or absolute*/
z-index: 0;
}

:x:

<div id="flash">
<object .... >
<param name="wmode" value="transparent">
<embed .... wmode="transparent">
</object>
</div>

And that’s it!

Initial URL
http://manisheriar.com/blog/flash_objects_and_z_index

Initial Description


Initial Title
flash or object tags and z-index

Initial Tags
object, flash

Initial Language
HTML