JavaScript or CSS Menu Element Positioned Under Flash Object

Some fly-over JavaScript or pure CSS menus may appear under a Flash animation in IE. The Flash object seems to completely ignore the z-order CSS property.

However, the fix is trivial. After a bit of web-crawling, I’ve found this page on Adobe’s KB:

The background of a Flash movie can be set to transparent. This allows the background color or image of the HTML page that contains the Flash movie to show through and allows the layering of Flash content with DHTML content.

To enable transparence on a Flash object, all you need is to add the parameter wmode="transparent" on the Flash element. Done.

Comments 4

  1. matt wrote:

    that’s it! thanks!

    Posted 20 Jan 2009 at 22:07
  2. Timo Meinen wrote:

    Fantastic! Thank you for your tip. I searched for hours!

    Timo

    Posted 11 Feb 2009 at 16:14
  3. admin wrote:

    Cool, I’m glad it helped, that’s why I’ve posted it.

    Posted 11 Feb 2009 at 17:23
  4. Hay wrote:

    I searched for 1 minute so far. That’s just not what I’ve been looking for, because I’ve 19000 flash movies that need to be fixed.

    Posted 09 Apr 2009 at 12:28

Post a Comment

Your email is never published nor shared. Required fields are marked *