Problem with Flash appearing on top of Facebox

logo.png

Facebox is a modal window plugin for jQuery. It's fantastic, so give it a go.

The problem

I just had an issue with Flash appearing above a Facebox window in one of the projects I've been working on. Thought it may be useful to post the solution I found, since it wasn't an instant find for me.

The solution

When you embed flash on a page, you'll almost always have an <object> element and an <embed> element.

What you need to do is add <param name="wmode" value="transparent"></param> as a child element to the <object> element, and add wmode="transparent" as an attribute to the <embed> element.

That's it, fixed it nicely for me :) Happy coding!
Filed under  //   facebox   flash   javascript   jquery   problem   solution  

Comments [15]

About

Startup guy and full stack web developer. Most recently founded Buffer, also co-founded OnePage. Keen to learn and striving to do what I love. Say hello :)

I post my longer reflections over on my blog.

TwitterFacebookLaconi.ca/Identi.caLinkedInFriendfeedFlickrYoutubeVimeoDeliciousTumblr