Flash Objects Displaying on Top of HTML Content

del.icio.us Digg Reddit StumbleUpon Technorati

Posted on July 4th, 2007 .

Comments

Comments

I have experienced a problem recently when designing a website; the flash banner was displaying on top of the CSS menu regardless of the stacking order (”z-index”).

By default, browsers place embedded content, on the top layer. In older browsers, you can’t place a DHTML layer on top of a Flash layer. Newer browsers have the ability to layer Flash content with DHTML content and in some cases the ability to use transparent backgrounds in the Flash.

The parameter WMODE

The solution for this problem is using the parameter WMODE to allow layering of Flash content with DHTML layers. The parameter WMODE has 3 possible settings: ‘window’ (default), ‘transparent’, or ‘opaque’. Setting WMODE to ‘transparent’ or ‘opaque’ will prevent the Flash object from playing in the top layer and allow you to adjust the stacking order of the movie within other layers of the HTML document.

Just add this parameter:

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

And this value to the embed attribute:

wmode="transparent"

This should resolve the problem. :-)

Tino Triste

Popularity: 14%

Listen to this podcast Listen to this podcast

What I´m listening to: Leonard Cohen - I'm Your Man


This Post Was Brought To You By:

Related Posts

CSS: Automatically Marked and Accessible External Links
Common Web Design Mistakes
Cute RSS Icons for Your Blog
TheFontThing - font management tool for browsing your fonts
101 Free Web Resources That Will Make You a Successful Webmaster




discussion by DISQUS

Add New Comment

Viewing 11 Comments

blog comments powered by Disqus
my del.icio.us my Digg  my Facebook