Flash movie on top of my CSS

[huskysgrl]

I have a flash movie that I made, and I put it in my document. But my CSS drop-down menus want to go underneath the video..... I need them on top. I'd imagine this has to do with the video settings, not the CSS.

How do I send my video to the BACK of my HTML document?

[CyanBlue]

Howdy... :)

I don't know much about this HTML stuff, so here is a keyword you can do some more searching...

Basically you do need to put the Flash movie into a DIV block and change the zindex of it so that it will be lower than where you menu is...

I moved this thread to HTML and JavaScript forum...

[huskysgrl]

Hmmmm, I tried using an XML tag, but I'll try your way next.... ;)

[huskysgrl]

Nope, still doesn't work:

http://www.newdawncustoms.com/home/home.php

[FormerSwinger]

Well this is an old thread I found when I ran into the same problem. I thought I'd post a solution anyway.

add this to your embed tags:

<param name="wmode" value="transparent" />

and modify this:
<embed src="../flash.swf" quality="high" wmode="transparent" ...

[gconrads]

Is that solution cross platform / browser?

-greg

[FormerSwinger]

I've tested it on FF and IE Works fine on both

[elastic]

i posted another question, sorry, i realized now this is a better place for that question - to reiterate:

i have flash, in a zindex of lets say 100

i have another div on top of that, lets say zindex 500

should be like this: the words in the php are visible on top of the flash file.

and i want to layer the php on top which works in some browsers but not in others... but i have problems in older versions of safari, some versions of firefox, and internet explorer seven. bad issue here: cannot see the words. they are on the screen but somehow underneath the flash file.

umm, i am also using swfobject

anyone out there ever beat this particular problem?

[FormerSwinger]

the set up you descriped is similar to some I've used and I got them working on most browsers using the wmode=transparent parameter.

On Firefox for Linux the flash seems to be on the the topmost layer. Always. Have'nt found a solution for it yet and I suspect very little can be done for it.

Even though the wmode should fix your problem I would try to avoid such layouts where it is required since it can cause a lot of side affects on some browsers.

[elastic]

thanks for the tip - taking your advice I am attempting to apply this code, all i should have to do is add a single line of code under the call:

swfobject.embedSWF("http://www.myserver.com/myflash.swf", "flash", "500", "100", "8.0.0", "expressInstall.swf", flashvars, params, attributes);

swfobject.addParam("wmode", "transparent");

am i missing a step? i applied this,but see no shift in function in internet explorer as of now.

[elastic]

maybe is possible to embed a php echo script inside flash? get the session id and also the shopping cart contents, toss them into a text field that I can display?

instead of pulling this over the top of flash inside a div tag or working with iframe, maybe pull the php in. actually, i just hide them for now and let flash cover them up, the sessions are still working and present. of course they are now invisible because they are UNDER the flash.

i would need to use some remoting?

<? echo $_SESSION['cart']->count_contents();?> item(s) <br>
<? echo $currencies->format($_SESSION['cart']->show_total());?>

the only thing is, this does not get passed over URL string, how can I access?

any suggestions on this would be most appreciated...

[FormerSwinger]

I don't do php so I can't help you there :eek:

going back to your initial issue: if you replace the flash with e.g. an image does the text display over it correctly?

If so then I really don't know what's going on. Because on one of my projects setting the z-indices and wmode=transparent has worked properly on FF(for windows), IE6 and IE7