[SWFObject] .js Drop menu

Thu Sep 7 02:17:24 PDT 2006

On 6 Sep 2006 at 16:22, Brion Keith Mills wrote:

> I have a site that is in the process of being re-designed, however, I did not write the CSS or HTML.
> 
> The problem I'm having is when the Flash is added, the drop menu hides
> behind it until rolled over. This is only occuring on Firefox. Can
> anyone tell me how to correct this problem? 
> 
> Thank you in advance!
> 
> http://65.115.104.39/tdwi/index.html

Actually, your drop down menu in the link you posted works o.k. in my Firefox 1.5.

...

But if you are still having problems .. z-index might need to be added.

I had a similar problem with Firefox  in overlaying HTML content (in a div container) 
over SWFObject in another div container..  

I found this old thread.

http://www.codingforums.com/archive/index.php?t-85221.html

which linked to this solution ..

http://archivist.incutio.com/viewlist/css-discuss/5061

....

Summary to try ..

(a) add wmode=transparent to SWFObject embed script

(b) insert into SWFObject <div id="flash"> a CSS style property z-index:-1; (or create a 
CSS class for div id="flash")  

(c) set <body> tag with style .. position:relative;left:0px;top:0px;z-index:0;
(otherwise Firefox does not accept negative z-index)

(d) set your floating container (containing drop down menu) with high z-index: ;  
(your CSS .. css/tdwi_layout.css .. shows z-index: 400 so it should be o.k.) 

DL
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.deconcept.com/pipermail/swfobject-deconcept.com/attachments/20060907/d15ffba4/attachment-0005.htm>