Home Tutorials Forums Articles Blogs Movies Library Employment Press
Old 05-10-2006, 07:51 PM   #1
Flash Gordon
rather be programming
 
Flash Gordon's Avatar
 
Join Date: Feb 2005
Location: City of Angels
Posts: 10,140
Default Z index of drop down menu vs. Flash z index

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.
__________________
trace("Good bye Flash.") Log.i(TAG, "Hello Droid");
Flash Gordon is offline   Reply With Quote
Old 05-10-2006, 09:52 PM   #2
Flash Gordon
rather be programming
 
Flash Gordon's Avatar
 
Join Date: Feb 2005
Location: City of Angels
Posts: 10,140
Default

BTW,
HTML Code:
#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:
Quote:
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?
__________________
trace("Good bye Flash.") Log.i(TAG, "Hello Droid");

Last edited by Flash Gordon; 05-10-2006 at 10:29 PM.
Flash Gordon is offline   Reply With Quote
Old 05-10-2006, 10:43 PM   #3
[Sx]
>Teaching in Progress<
 
[Sx]'s Avatar
 
Join Date: Mar 2005
Location: Serbia
Posts: 666
Send a message via ICQ to [Sx] Send a message via MSN to [Sx] Send a message via Yahoo to [Sx]
Default

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...
__________________
_______________
http://www.TopFlashers.com
[Sx] is offline   Reply With Quote
Old 05-10-2006, 10:56 PM   #4
Flash Gordon
rather be programming
 
Flash Gordon's Avatar
 
Join Date: Feb 2005
Location: City of Angels
Posts: 10,140
Default

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....
__________________
trace("Good bye Flash.") Log.i(TAG, "Hello Droid");
Flash Gordon is offline   Reply With Quote
Old 05-11-2006, 07:12 AM   #5
Flash Gordon
rather be programming
 
Flash Gordon's Avatar
 
Join Date: Feb 2005
Location: City of Angels
Posts: 10,140
Default

can anyone make heads of tails of the
Quote:
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?
__________________
trace("Good bye Flash.") Log.i(TAG, "Hello Droid");

Last edited by Flash Gordon; 05-11-2006 at 07:24 AM.
Flash Gordon is offline   Reply With Quote
Old 06-19-2006, 02:33 PM   #6
elguapo1611
Registered User
 
Join Date: Jun 2006
Location: Columbia Maryland
Posts: 2
Default Possible Solution

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.........
elguapo1611 is offline   Reply With Quote
Old 07-24-2006, 08:27 PM   #7
Zunskigraphics
www.ZusnkiGraphics.com
 
Zunskigraphics's Avatar
 
Join Date: Aug 2005
Posts: 152
Default

any luck on any of these suggestions?

im dealing with that sort of problem now, only i can not change the .js code
Zunskigraphics is offline   Reply With Quote
Old 07-24-2006, 08:34 PM   #8
Flash Gordon
rather be programming
 
Flash Gordon's Avatar
 
Join Date: Feb 2005
Location: City of Angels
Posts: 10,140
Default

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

With older browsers this doesn't work, but freakin' update
__________________
trace("Good bye Flash.") Log.i(TAG, "Hello Droid");
Flash Gordon is offline   Reply With Quote
Old 07-24-2006, 08:46 PM   #9
Flash Gordon
rather be programming
 
Flash Gordon's Avatar
 
Join Date: Feb 2005
Location: City of Angels
Posts: 10,140
Default Update

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 />
__________________
trace("Good bye Flash.") Log.i(TAG, "Hello Droid");
Flash Gordon is offline   Reply With Quote
Old 07-24-2006, 09:28 PM   #10
Zunskigraphics
www.ZusnkiGraphics.com
 
Zunskigraphics's Avatar
 
Join Date: Aug 2005
Posts: 152
Default

sweet that worked
Zunskigraphics is offline   Reply With Quote
Reply


Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
one template, many looks? subquark ActionScript 1.0 (and below) 1166 10-29-2013 06:18 PM
Flash Video Encoder Compare gooogle Other Flash General Questions 3 01-17-2007 12:48 PM
CyanBlue's 5000th Post - Useful Threads List CyanBlue Projectors and CDs 104 02-25-2005 01:13 PM
[Q] Do we need those forums??? CyanBlue General Chat 59 07-27-2004 11:13 AM
Flash MX Developers Exam VitiminJ General Chat 34 05-05-2004 01:27 PM


All times are GMT. The time now is 09:29 AM.

///
Follow actionscriptorg on Twitter

 


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Ad Management plugin by RedTyger
Copyright 2000-2013 ActionScript.org. All Rights Reserved.
Your use of this site is subject to our Privacy Policy and Terms of Use.