Help

      Forum      Videos      Knowledge Base      Hire Us      Hosting Providers     Sandbox >

 

Forum

 Need a response from us? Become a VIP.
Need help with your site right now? Hire us.

IE8 - Dropdown menu blocks video

Posted by artburkhart VIP on May 24, 2012

We have embedded a YouTube video and it works fine except that the dropdown menu is blocked by the video, when viewed in IE8. It looks OK in Firefox 12.

see http://wvgold.[removed].com/pages/home-video


Back   
 
4 Comments Add Comment
Added by Camelback Web Architects
May 24, 2012

The youtube video player code you added to the page calls a css file "http://s.ytimg.com/yt/cssbin/www-embed-vflNIFpmG.css" which includes a "z-index: 999". You need to reduce that value to "z-index: 0" so it doesn't overlay on top of liveSite's menu region (z-index: 20).
Added by artburkhart VIP
May 24, 2012

Hi. That CSS file you mention is created by YouTube. We tried changing the code for the YouTube css file you mentioned in the advanced styling area. However, that didn't work. Also tried the code directly from YouTube, but neither one helped. Of course, you don't expect this to be a long term solution ... having all of your users putting in custom code to avoid this issue on web pages with YouTube videos. Right?
Added by Camelback Web Architects
May 24, 2012

Well, the real issue is that youtube shouldn't be adding a z-index value to their code, but as you can imagine, they do that to make sure their video player is on top of all web page elements and is always visible. Not much we can do about that. You might google it and see if they offer other player code that doesn't behave in that way.
Added by artburkhart VIP
May 24, 2012

Thanks. This worked. http://www.jenkaufman.com/youtube-iframe-embed-video-problem-hides-menus-other-layers-546/
Add Comment:
Please login or register to add a comment or get notified when a comment is added.