Div over flash

You want to place a div over a Flash movie, but that doesn’t work, even with z-index or by changing their order in the HTML code? Add the wmode=transparant property like in the example below.

<script language="JavaScript" type="text/javascript">
if (AC_FL_RunContent == 0) { 
   alert("This page requires AC_RunActiveContent.js."); } 
   else { AC_FL_RunContent( 'codebase',
'wmode','transparent' ); //end AC code}</script>

<object width="515" height="484" id="example"
   <param name="wmode" value="transparent" />
   <param name="allowScriptAccess" value="sameDomain" />
   <param name="allowFullScreen" value="false" />
   <param name="movie" value="example.swf" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="#ffffff" />
   <embed src="example.swf" quality="high" 
bgcolor="#ffffff" width="515" height="484" 
name="example-homepage" align="middle"
wmode="transparent" />
</embed> </object> </noscript>
  • If you only use the object tag, this still works if you adjust that part.
  • This problem doesn’t occour in, for example OS X 10.7 / Safari 5, but it does in Windows 7 / Internet Explorer 8.

Geef een reactie