[HTML] Display HTML content over a Flash object

When dealing with drop down menus such as the suckerfish menu you will find that the menu disappears behind any Flash object that is on the page.

Unfortunately what works with other HTML elements with the z-index doesn’t work with Flash as Flash will end up on top regardless.

To change this we need to add some bits of code to a Flash object to allow HTML to appear on top.

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/jJpx9MEi6_M&hl=en&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="wmode" value="transparent" />
<embed src="http://www.youtube.com/v/jJpx9MEi6_M&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344" wmode="transparent"></embed>
</object>

What we have done is added the following 2 bits of code:

wmode="transparent"

To the tag and:

<param name="wmode" value="transparent" />

In between the