PDA

View Full Version : z-index in firefox


mexican
07-15-2005, 12:58 PM
Im making a flash drop down menu.

I have placed the flash html object in a layer that lies above the html content of the page. In internet explorer this works fine with and I can access things like links, buttons and input boxes but when I do this in firefox it doesn't let me select any buttons, links or text inputs that lie under the flash object. Does any one have any idea to get arround this?

Here is my flash object tag html code:
<div style="z-index:1;position:absolute; margin-left:0">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="400" id="071205v12_Menu" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="071205v14_Menu.swf?active=100000000000" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#ffffff" />
<embed src="071205v14_Menu.swf?active=100000000000" quality="high" wmode="transparent" bgcolor="#ffffff" width="400" height="400" name="071205v12_Menu" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

Any idea's or sites where i can read up about this would really help

huskysgrl
07-15-2005, 04:18 PM
I read somewhere that z-index isn't compatible with Netscape..... isn't Netscape and Firefox similar?

mexican
07-18-2005, 08:23 AM
Z-index definitly isn't supported the same as in IE but it is supported. As I say I can get it to work in a z-index layer but I can't access any html content (textboxes, links etc) underneath it.

mexican
07-19-2005, 11:57 AM
For those out there who would be intersted, here is the solution that I found:

I positioned the flash menu to over a table and managed to get flash to communicate with the javascript using
getURL("javascript:();");

when you hover over the menu it increases the layer zIndex level to +25 and when you roll off it it decreases it to -25.
e.g.
document.getElementById("menu").style.zIndex = "25";

When the zIndex = -25 then the html content that was below the menu now become above it and there fore accessible.

Hope that this is usefull to some people!

AGItated
09-28-2005, 03:56 AM
So what was the final code that u used for it to work? im in the middle of doing the same thing and but dont quite understand how to include the code in AS and html.