» Forums
» DynarchMenu forum
» Support
» Flash and Firefox
Flash and Firefox
2005/04/06 22:35
Viewed 14658 times
Replies: 3/5
by Matt

Hi, I am currently using the eval version to verify that things will work correctly for me. So far, mostly good. I have a menu in a page just above a Flash object (a clock). The dropdowns from the menu get placed behind the flash object. I attempted setting z-index values for the div my menu is in (which, by the way, is done because of someone else's post. It fixes the problem of IE6/Win displaying the dropdowns about 10 pixels to high.) and for the flash object itself. So, flash div index = 0, menu div index = 100. Doesn't work. If you would like to see a picture of what this looks like go here: http://www.elementalvoid.com/menu/flashbad.gif Unfortunately, I cannot post source code nor the dev page because it is all behind a user login with sensitive customer info...

The menu system works just fine in IE6/Win. The flash object gets put behind the menu.

Any help greatly appreciated.
Matt
Re: Flash and Firefox
2005/04/07 17:59
Viewed 17732 times
Replies: 0/0
by Matt
Sorry, originally forgot to post the image on my server. It is there now...
last
Re: Flash and Firefox
2005/04/07 19:02
Viewed 17837 times
Replies: 1/2
by Mihai Bazon

I am sorry but there is no solution to this problem. But at least, it is not our fault--it's the way browsers are implemented. You'll most likely find the same problem in Opera, Safari and Konqueror too.
last
Re[2]: Flash and Firefox
2005/04/08 00:46
Viewed 20663 times
Replies: 1/1
by Matt

Do you have any suggestions as a workaround? Or know where I might look for help?
last
» Re[3]: Flash and Firefox, by mishoo [ quick view ]
Re: Flash and Firefox
2005/04/11 06:39
Viewed 18288 times
Replies: 0/0
by Matt

I have found a workaround (more of a fix) for this problem. I thought that I should post it here for your information and others.

The first thing that I tried to do was put a div container around the flash object and use CSS to set its position and z-index. This didn't work. After much searching and more reading, I ran across someone with a solution. It is a general Flash solution for layering HTML and Flash content. (link: http://joshuaink.com/blog/82/flash-content-and-z-index)

First, wrap your flash content in a div container with id="flash" or whatever name you want. Then make sure that you add <param name="wmode" value="transparent">to your object tag. Also make sure to set wmode="transparent" in the embed tag.

Now, use css to set the position and z-index for your div. —> #flash { position: relative; z-index: 0; }
Don't set negative z-index values. It will make your Flash disappear.

CSS Part:

#flash {
  position: relative; /*or absolute*/
  z-index: 0;
}

HTML Part:

<div id="flash">
  <object .... >
    <param name="wmode" value="transparent">
    <embed .... wmode="transparent">
  </object>
</div>

That's it! Your Flash content will now behave and let the menu show up on top. Have tested in Firefox 1.0.x and IE 6/Win. Will soon test in Safari, Firefox for Mac, Camino, and IE for Mac. I will post to let you know their support.

Hope this helps someone other than me.
last
Google