How to get div css to appear over flash files

I had a hard time getting a div to appear over a flash file, so heres what worked for me:

There are two ways to get divs to appear over flash files:

1

Thanks to http://www.brianyerkes.com/swfobject-help-when-placing-a-div-over-flash/

- In your code for the flash file, add the following:

<param name=”wmode” value=”transparent”>

- In the “embed” area, you need to add this:

wmode=”transparent”

2

Thanks to http://www.ozzu.com/website-design-forum/placing-div-over-flash-t25572.html


Use deconcepts SWFObject javascript, and change the embed code from

<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699");
   so.write("flashcontent");
</script>

to

<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699");
   so.addParam("wmode", "transparent");
   so.write("flashcontent");
</script>