wmode="opaque" + Firefox + position:fixed = AAAAGGGHH!!!!

I just spent the last 4 hours or so tracking down this bug. I needed to use wmode=”opaque” on my Flex app, due to a dynamic menu overlay issue. However, in Firefox this seemed to mean that none of the buttons in the Flex app would be clickable. Ok, Tom, break the problem down…

I embed the swf in a plain-jane web page, and it works fine (wmode=”opaque”). I add in my style sheets, and it stops working. Turns out that setting position:fixed on the body tag was the cause – changing to position:static was the cure.

May you waste less time than I did.

3 Responses to “wmode="opaque" + Firefox + position:fixed = AAAAGGGHH!!!!”

  1. Rob McKeown says:

    I have run into this myself and spent a good amount of time troubleshooting it. Its kind of funny that even the smallest amount of integration with the browser’s treatment of HTML, CSS and Javascript can be such a pain.

    Of course… it doesn’t seem funny at the time when you spend 4 hours banging your head against the wall.

  2. george cook says:

    We’ve had a similiar frefox problem rear it’s ungly head as well. We found that shift-tab stopped functionality stopped working with wmode, and overflow css settings.

    We found that getting rid of the overflow style declaration would solve the problem, but only on flash player 9, version 115+

  3. Billigflug says:

    Thanks:) You saved me from much headache!^^