menu going below video on chrome
Permalink Browser Info Environment
I have a site that has recently had a youtube video block added to it, I have just noticed that on google chrome that the menu goes under the video, I have checked the same page in safari and firefox and the menu appears above the video as it should.
The page in question ishttp://www.htsp.co.uk/cms/index.php/news/htsp-feature-at-grand-desi...
Hope someone can help.
Steve
The page in question ishttp://www.htsp.co.uk/cms/index.php/news/htsp-feature-at-grand-desi...
Hope someone can help.
Steve
Type: | Discussion |
---|---|
Status: | New |
JB,
tried the css but no joy, tried setting the z-index for the nav tag that holds the menu to a higher one and this still didn't work.
Seems like chrome is putting video on top of everything else!!!
Any other suggestions?
Steve
tried the css but no joy, tried setting the z-index for the nav tag that holds the menu to a higher one and this still didn't work.
Seems like chrome is putting video on top of everything else!!!
Any other suggestions?
Steve
Hi Steve,
Check out this page:http://stackoverflow.com/questions/3820325/overlay-opaque-div-over-...
It explains how the iFrame mode of the Youtube block is probably causing the layering issue. You can edit that file in /concrete/blocks/youtube/view.php
Hope this helps.
JB
Check out this page:http://stackoverflow.com/questions/3820325/overlay-opaque-div-over-...
It explains how the iFrame mode of the Youtube block is probably causing the layering issue. You can edit that file in /concrete/blocks/youtube/view.php
Hope this helps.
JB
As the YouTube video uses a Flash video, the z-index issue is an inherint issue in most web browsers as they run the Flash plugin in a different "layer" above everything else on the page. The only workaround is to set the z-index of the DIV tag that wraps the video (.youtubeBlock in this case). Eg.
Just add this CSS code to your theme's CSS file.
Hope this helps.
JB