Thursday, December 2, 2010

Move Embedded Flash Content To The Back

I have been working on the school district website, http://www.potlatchschools.org.  I have created a couple of slide shows of pictures for the Principals, so they can post current stuff to their respective websites.  I created them using Google's Picasa web albums.  It worked very well, however, the embedded code seemed to be on top of my menu bar.

After much confusion and frustration I determined that putting the embedded flash in the back just wasn't possible.  Until today!

Before the <embed> code add <param name="wmode" value="transparent"> and then within the code add wmode="transparent".  Surprisingly it works great!  I would assume that Adobe has information on why this works, and someday I might even go searching for why, but for now...

1 comment:

  1. This doesn't work for iframe's. They are just like div's and the higher the z-index, the higher they are on the page.

    ReplyDelete