Rollover menu over an iframe not working in firefox

[mizu]

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

[Richard_N]

use scrolling divs not i-frames, they are simply bad code practice these days

[SuzyUK]

mizu Welcome!

an iframe is a windowed component, it always appears "on top". As far as z-indez is concerned you can't get higher than an iframe :( well except in IE..

but a flash movie.. I'm led to believe is slightly different, you need to specify the transparency both in the <object param> and the <embed> elements..

e.g.

<param name="wmode" value="transparent"> &
<embed wmode="transparent"....>

whether or not that still works over the top of an iframe I'm not sure

[mizu]

Hi All

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?

[Richard_N]

as has been said before flash is not subject to z stacking but sits above everything.

Wht not just move the i-frame down a bit...problem solved

[deadbird]

As a general rule of thumb, NEVER use I-frames... too many inconsistancies and problems associated with them.

[bishopwithab]

not to sound odd or stray away from the topic of this forum, but can anyone help with an audio problem I'm having in Flash MX?

[Sai563]

Hi there,

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).