Knowledge is power | Use it wisely

The Internet As I See It

Archives Posts

placing div in front of flash movie

January 23rd, 2009 by Rof's

First thing first, you will have to work on the order of your div with z-index.

  1. Put this in the flash movie param name=”wmode” value=”transparent”.
    Example:
    <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0” width=”100″ height=”200″>
    <param name=”movie” value=”test.swf” />
    <param name=”quality” value=”high” />

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

    <embedĀ  src=”matrix.swf” width=”100″ height=”200″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”transparent”></embed>
    </object>

  2. The result still is not satisfying because you still have the flash on top of your <div>. Next put this in the css for the block that needs to be on top of the flash. #id {position:absolute; z-index:1;}

Now I can also drink a glass of (wine) beer with Joshua :)


Filed under General having No Comments »