Tuesday, March 25, 2008

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.

Labels: ,

Was this post helpful to you? If so, please consider making a small donation to keep this blog going.

4 Comments:

Blogger Rob McKeown said...

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:49 PM  
Anonymous Anonymous said...

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:05 AM  
Anonymous Anonymous said...

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

12:07 AM  
Anonymous Anonymous said...

花蓮|花蓮民宿|花蓮|花蓮民宿|花蓮旅遊|花蓮民宿|花蓮美食|花蓮旅遊|花蓮黃頁網路電話簿|花蓮入口網|花蓮民宿黃頁
花蓮旅遊|花蓮美食|花蓮飯店|花蓮住宿|花蓮民宿|花蓮民宿|花蓮|花蓮|
花蓮|花蓮民宿|花蓮旅遊|花蓮美食|花蓮住宿|花蓮飯店|花蓮旅館|花蓮|花蓮民宿|花蓮民宿推薦|花蓮民宿市區|花蓮民宿王|花蓮民宿網|花蓮民宿資訊網|花蓮民宿悠遊網|花蓮民宿交流網|花蓮海景民宿|花蓮海邊民宿|花蓮海岸民宿|花蓮旅遊民宿|花蓮|花蓮旅遊|花蓮廣告|花蓮民宿|花蓮房屋|花蓮汽車旅館|花蓮派報|花蓮飯店|花蓮派報|花蓮旅館|花蓮美食|花蓮餐廳|花蓮小吃|花蓮名產|花蓮工作|花蓮新聞|花蓮租車|花蓮入口網|花蓮旅遊|花蓮旅遊|花蓮旅遊景點|花蓮旅遊|花蓮旅遊景點|花蓮民宿|花蓮旅遊|花蓮房仲|花蓮旅遊景點|花蓮美食|花蓮餐廳|花蓮小吃|花蓮名產|花蓮縣長|花蓮租車旅遊網|花蓮行易旅遊資訊網|

2:04 AM  

Post a Comment

<< Home