Close

IE Menu Flyout Hover Behind Video

baloghc
9 years ago
#8077 Quote
Avatar
  • 79
Using NOp 3.3

Our product pages contain videos, and the Mega Menu flyout (when hovering) is shown behind the video player (see below). Only in IE. I'm not having any luck fixing this with the z-index change.

Any ideas. Let me know if you need any more information.

http://i.imgur.com/A4sRAP5.jpg

Nop 3.7 - ArtFactory
Nop 4.0 - Lavella, Venture, Smart, ArtFactory
Peter.Zhekov
9 years ago
#8083 Quote
Avatar
  • Moderator
  • 104
Set the z-index of the div holding the flash to 1 and the z-index of the div holding the nav to 2 (for example).
In the flash element:
Look for the flash <object> tag and add the following code:

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


You’ll want to insert this code right below the <param name=”quality” value=”high”> tag and include the code wmode=”transparent” in the flash <embed> tag.
Regards,
Peter Zhekov
Nop-Templates.com
baloghc
9 years ago
#8085 Quote
Avatar
  • 79
The problem is we don’t have that tag in our embed code because its actually hosted by an outside hosting site.  So our embed code is just a reference to an asset on that site.  Here's an example of our embed code.

<div id="xxxxxxxxxxxxxxxxxxxxxxxxxx" style="width: 554px; height: 360px;"></div><script type="text/javascript" src="http://services.fliqz.com/smart/20100401/applications/49440167ec7d460995d94a9b9226d87d/assets/04a8c421dad9410da00e54b9213bd490/containers/i_11a2a7a61243446591104b75563603ef/smarttag.js?width=100%25&amp;height=100%25"></script>
Nop 3.7 - ArtFactory
Nop 4.0 - Lavella, Venture, Smart, ArtFactory
Peter.Zhekov
9 years ago
#8088 Quote
Avatar
  • Moderator
  • 104
Well it`s a difficult issue. Maybe if I had some access to the page,  I should say for sure.
I think you must change your markup and embed the video by using <object> and  <param> elements, or <video> and <source> (for this option you might use Flash-free support - https://github.com/etianen/html5media/wiki  ).
Regards,
Peter Zhekov
Nop-Templates.com