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!
Loading mentions Retweet
Filed under  //   facebox   flash   javascript   jquery   problem   solution  

Comments [14]

About

Hi, I'm Co-Founder of OnePage (http://myOnePage.com).

I have 3 blogs, so take your pick (hint: subscribe to all of them):

Thoughts and discoveries - Short snippets of information (quotes, videos, images) I find on the web which will be useful to entrepreneurs and Internet startups.

Technology applied to entrepreneurship - Here I aim to write more lengthy posts less frequently on subjects of interest to myself and the industry I am in rather than sharing information I find on the web.

New To Ruby - An open journal of my experience of learning Ruby and Ruby on Rails, coming from a PHP developer background.

I'm a graduate of Masters in Computing Systems at the University of Warwick and I love drum n bass and freestyle skiing :)

Say hi :)