CODEWITHSUNDEEP
csswordpressobjectvideoz-index
talkingD0G
talkingD0G

Reputation: 413

WordPress menu dropdown showing BEHIND video object

I'm working on this website: http://www.oklahomainsightstv.com/ and I'm trying to get the navigation drop down to show up ON TOP of the video object. I've tried a few versions of z-index in the CSS but nothing has worked.

This is my code:

<div id="hero" style="z-index:-1; position:relative;">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="437" height="266" id="viddler_e3f5a526"><param name="movie" value="http://www.viddler.com/simple/e3f5a526/" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/simple/e3f5a526/" width="437" height="266" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_e3f5a526"></embed></object>

</div>

Upvotes: 0

Views: 1222

Answers (2)

amit
amit

Reputation: 26

Its a browser bug ! Flash, iframes are visible above the menu. Place video object far from the menu.

Upvotes: 1

Dwight
Dwight

Reputation: 1647

Without testing it myself, a quick search revealed that there are two things you might not be doing:

  1. Add the wmode parameter to your video object and use the value "transparent": <param name="wmode" value="transparent" />
  2. Make sure you specify the position:relative; style to the menu with the z-order. Otherwise, the z-order won't be applied.

If that doesn't work, you may have encountered a limitation of a given browser, in which case, you may have to design the site so that plugins don't have the opportunity to overlap.

Sources

Upvotes: 0

Related Questions