Z index of drop down menu vs. Flash z index

[Flash Gordon]

Hey,

This only happens in Safari apparently. I have a drop JS down menu created in Dreamweaver. Underneath the drop down menu i have a flash video embedded with the "Flash Objects" patch for IE.

The problem is the drop down menu goes behind the flash movie. How can I change the z index so that it drops in front of it? I image this is CSS controled and I suck at CSS.

Thanks.

[Flash Gordon]

BTW,

#flashcontent2 {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 7px;
	margin-left: 20px;
	z-index: -7;
}

This does NOT put the flash movie behinde the drop down menu, do I don't see how changing it could make it go infront.

Open to suggestions.

EDIT:

Note: Z-index only works on elements that have been positioned (eg position:absolute!

Okay so z index wont work for me, any other ideas?

[[Sx]]

As I remember, earlier versions of Flash player (or it was browser's fault) had this nasty habit to register themselves on top-most index no matter what you'd throw at them...

If you are changing z indexes of layers to have DHTML menu over Flash, and it doesn't work, then it's probably a thing with Safari... Check some of their support forums to see if there is a workaround (e.g. forcing embed object to be behind no matter what)... Just a suggestion - don't have a Mac so I can't really tell if that's the problem...

[Flash Gordon]

Thanks I look at it.

I don't have a MAC either, but on PC there are no problems in IE, FF or Opera.
I'm not sure if I can believe the client or not....

[Flash Gordon]

can anyone make heads of tails of the

There is a top-level menu setting to do with flash and mozilla which is:
fixMozillaZIndex=true;

from this link:
http://www.milonic.com/mfa/2005-December/006831.html

Here is a site that claims to use it:
http://www.bluestar-software.co.uk/
and here is one of the js scripts:
http://www.bluestar-software.co.uk/js/menu_data_v5.js

Can anyone help show me how to use it?

[elguapo1611]

Flash movies embedded into HTML files are not affected by the z-index. This results in the Flash movies to sit on top of any other content on the page (including drop down menus). The only way to solve the problem is to set the wmode to transparent or opaque. However, this methodology comes with several other problems. Older browsers sometimes don't support the wmode.

One of the biggest problems I found occurs with firefox and netscape. Although setting the wmode to transparent seemed to work fine at first, there were problems with flash buttons after scrolling through the html page. Every time the page was scrolled up or down, the Flash movie would move the hit area away from the flash buttons. REALLY ODD.

Solution to this flash layering problem in HTML:
-First: set the wmode to transparent or opaque
-Second: keep the flash movie with transparency/opacity in an iFrame (this fixes the scrolling problem)
-Third: Make sure that you're supporting older browsers by including alternate content that doesn't require iFrames.

Good Luck.........

[Zunskigraphics]

any luck on any of these suggestions?

im dealing with that sort of problem now, only i can not change the .js code

[Flash Gordon]

simply make the wmode=transparent and the problem is sovled!

With older browsers this doesn't work, but freakin' update

[Flash Gordon]

In response to my original post, I was trusting a client's point of view. I had a member of AS[org] check it for me using Safari and he said it looked just fine.

The fix is to make the wmode=transparent (or something comproable). I'm not sure how much I can trust my client (as he was rather computer illerate) but all browser that I have tested this on works just fine, even Safari.

< CLOSED />

[Zunskigraphics]

sweet that worked