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

Type: Discussion
Status: New
glowmedia
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi Steve,
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.
.youtubeBlock{
z-index:1;
position:absolute;
}


Just add this CSS code to your theme's CSS file.

Hope this helps.

JB
glowmedia replied on at Permalink Reply
glowmedia
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
jb1 replied on at Permalink Reply
jb1
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

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.