Flash object overlap in IE (Internet explorer) 8

Recently I was setting up an HTML page together that had an embedded  flash movie. I also used jQuery Colorbox on the same page to display some external content in an “iframe” that dimmed the background while the Colorbox window was up.reteks.ru

Now the problem:

The Flash movie was still showing on top of the Colorbox window. It sort of worked fine on Firefox and Chrome but in IE 8 (IE 9 was fine) the problem was particularly prominent as the whole of the Flash movie sat on top!!

Solution:

A quick search in Adobe Flash docs, I found that there is a parameter called WMODE that controls how flash movie behaves when interacting with other HTML elements.

Example:

And voila!! Perfect result.

Rating:
54.0
136 votes
1 2 3 4 5

Leave a Reply