Place HTML Div on top of Flash

0 min read 79 words

If you have ever tried to place a div or similar HTML element on top of a swf flash object you will know that it always tries to take precedence.

You will need to do the following:

In the code for the flash in the embed area add:

wmode="transparent"

If you are using SWFObject to insert swf files you can do the following:

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

Andrew is a visionary software engineer and DevOps expert with a proven track record of delivering cutting-edge solutions that drive innovation at Ataiva.com. As a leader on numerous high-profile projects, Andrew brings his exceptional technical expertise and collaborative leadership skills to the table, fostering a culture of agility and excellence within the team. With a passion for architecting scalable systems, automating workflows, and empowering teams, Andrew is a sought-after authority in the field of software development and DevOps.

Tags