.comment-link {margin-left:.6em;}

Creative Web Development - CSS, XHTML, Javascript and RTML for Yahoo Store

Saturday, June 11, 2005

Putting Flash objects on Z-Index 0 (below DHTML/JavaScript)

The following code can be used to put a Flash object on the bottom level of a page. This will put it below JavaScripts such as a DHTML flyout (popup) menu or an in-screen popup window. Normally, when you create a flyout menu using DHTML it will be covered by any Flash objects on the screen. This code, inserted into the Flash object itself, will prevent that. You will still have to find a workaround for SELECT boxes, if they exist. Most sites, like MSNBC, use (at the time of writing) DHTML to hide all SELECT boxes when a flyout is in effect. There is another workaround for this that I will post on later.
Add <param value="transparent" name="wmode"> inside the Object tag, and wmode="transparent" to the Embed tag

1 Comments:

  • Since this post was like8 months ago im sure this is falling on deaf ears, but in case google brought you here..

    There is a trick to hide SELECT boxes by dynamically moving and resizing an iFrame to the exact position and size, behind the object in question. Its tricky for moving objects, but staticly positioned objects (like a flash movie) shouldnt be a problem.

    Hope this helps,

    By Anonymous Anonymous, at 7:02 PM  

Post a Comment

<< Home

Google
 
nunzi.blogspot.com    Web