Dropdown Behind Video

HTML & CSS
1

I have a drop menu which works fine. I added a video and I have not been able to get the menu to drop on top of the video. It drops and hides behind the video. Right now I have the video further down the page than I prefer but if you click the Schools button you will see what is happening. Can anyone recommend a cure? Thanks in advance.

The site is at www.sccboe.org

2

You could try adding the following to #listMenuRoot:


#listMenuRoot {
    position:relative;
    z-index:1;
}
3

To the object element, add <param name=“wmode” value=“opaque”>.

For the embed element, add the attribute wmode=“opaque”.

Flash defaults to a windowed object. It is not a part of the browser window; it lies above it. By setting the wmode to opaque or transparent, it becomes a non-windowed object, and lies in the browser’s window.

cheers,

gary

4

Oh right. Completely forgot about this!

5

I tried it but it did not work. Thanks for the suggestion though.

6

Gary, I tried the following but it still did not work.

			&lt;object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
			 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
			 width="350" height="289" id="CC4511808" align="middle"&gt;
			&lt;param name="movie" value="myvideoplayer.swf"/&gt;
			&lt;param name="quality" value="high" /&gt;
			&lt;param name="scale" value="noscale" /&gt;
			&lt;param name="salign" value="lt" /&gt;
			&lt;param name="bgcolor" value="#ffffff" /&gt;
			&lt;param name="wmode" value="opaque"&gt;
			&lt;embed src="myvideoplayer.swf" quality="high" bgcolor="#ffffff" width="350" height="289"
			 name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
			 pluginspage="http://www.macromedia.com/go/getflashplayer" /&gt;
			 &lt;/object&gt;
7

Gary, I tried your suggestion and it did not work either. I’m still stumped.

8

I usually need to add back wmode=“transparent”. Even if Dreamweaver included it when you added the video, other programs like to take it out. -_-

9

Here is what I have now and it still is not working.

			&lt;object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
			 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
			 width="350" height="289" id="CC4511808" align="middle"&gt;
			&lt;param name="movie" value="myvideoplayer.swf"/&gt;
			&lt;param name="quality" value="high" /&gt;
			&lt;param name="scale" value="noscale" /&gt;
			&lt;param name="salign" value="lt" /&gt;
			&lt;param name="bgcolor" value="#ffffff" /&gt;
			&lt;param name="wmode" value="opaque"&gt;
			&lt;param name="wmode" value="transparent" /&gt;
			&lt;embed src="myvideoplayer.swf" quality="high" bgcolor="#ffffff" width="350" height="289"
			 name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
			 pluginspage="http://www.macromedia.com/go/getflashplayer" /&gt;
			 &lt;/object&gt;

Thanks everyone for giving this problem a shot.

10

HI,

Gary gave you the solution in his first post but you didn’t add it :slight_smile:


<embed src="myvideoplayer.swf" quality="high" bgcolor="#ffffff" width="350" height="289"[B] 
wmode="opaque"[/B]  name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
 pluginspage="http://www.macromedia.com/go/getflashplayer" />
11

I added it but I put it in the wrong place. I really want to thank everyone for your help and patience. It is working now. :cool: