Navigation bar stretching over a placeholder with youtube video
On my website I am trying to place a horizontal navigation bar from which drop-down menus stretch down when you hover the mouse over the buttons, so that the menu overlays the page content.
I have put the navigation bar on top of all content with the "arrange" function.
It works ok with the text, however, when there is a placeholder with a youtube video on the page, the buttons roll down under the video instead of on top of it.
Is there any way I can fix that?
1 Attachment(s)
Re: Navigation bar stretching over a placeholder with youtube video
Use the newer iframe embed code from YouTube. The problem goes away.
See attached
Re: Navigation bar stretching over a placeholder with youtube video
Thanks, I see it can be solved, but not just the way I wished. I actually had iframe code already but I found out it didn't work because of animation and transparency of the menus. It seems they both have to be turned off. I don't know why this happens.
Re: Navigation bar stretching over a placeholder with youtube video
OK..
Add ?wmode=transparent to the video URL like this
<iframe width="560" height="315" src="http://www.youtube.com/embed/6GAmliL8uv0?wmode=transparent" frameborder="0" allowfullscreen></iframe>
Re: Navigation bar stretching over a placeholder with youtube video
My thought was something like including a negative z-index:
<iframe width="100%" height="100%" src="http://www.youtube.com/embed/Jh3kcIDG434" frameborder="0" allowfullscreen style="z-index:-1;"></iframe>
Re: Navigation bar stretching over a placeholder with youtube video
Sledger's "?wmode=transparent" solution definitely works for me.
Acorn
Re: Navigation bar stretching over a placeholder with youtube video
Thanks!
Now it works perfectly!