I have a flash rollover menu where part of the menu appears over an iframe. When I move my mouse over the parts of the menu that overlap the iframe, I lose focus on the menu disappears. Anybody know how to fix this? I am using Firefox 1.0.7
I am working on a company intranet and do not have the luxury of deciding whether to use iframes and flash or not!
I also have to use the <param name="wmode" value="transparent"> in flash. All works 100% in IE, but in Firefox it seems like the iframe grabs the focus when the mouse moves over it, thus the menu jumps back to its original position.
Adding a z-index to the iframe does not seem to have any effect?
I noticed this thread and I also noticed Richard N's reply about Iframes.
Sometimes scrollable divs are sometimes good when you have minimal amounts of data. You could populate them using AJAX if you were so inclined. However, for involving complex UIs that may have to change dynamically on your page they are useless, you need an Iframe. I am thinking this is your dilema here.
What I found is that you CAN get a div to go over an iframe in firefox, especially now that firefox is up to 2.3 or more. Its all about the positioning of the menu that drops down. In most cases drop down menus are relatively positioned within the same div that tool bar menu item is located. I had this very same problem. What I did was i absolutely positioned the drop down. Then what I did was made the VERY TOP level div, the one that surrounds your menu items probably, positioned relative. The menu will now drop down in the correct spot, and z-indexes will be recognized. Its a funny quirk. Before I had the divs that the drop down was located in all realtively or absolutely positioned and it wouldn't work properly, but after I removed all positioning from all the divs above the drop down menu div (except the top level), it worked fine. Perhaps play with this and let me know how it goes (if you still have the problem, this post is very old).