Question

I have a website where the header and footer are in fixed position, while the middle content can be scrollable. In fact, when we scroll the content should go under the header or footer, because the website takes 100% height and I chose to apply overflow: auto; to the body. It’s not possible to have a specific height for the middle content, ’cause header and footer are fixed sizes.

I applyed z-index to all elements, and it works great but I need to embed videos from Youtube, Vimeo or other… Ordinary, these videos are displayed using iframe or object ; my client puts directly the embed code in the backoffice. Here is my problem : when I scoll, the videos are displayed over header and footer even if I set a specific z-index ; other elements in middle content are well hidden…

Do you have an idea to solve this problem ?

Thanks !

Answer 1

you have to set wmode to transparent in your flash. so in your embed / object code add wmode="transparent"

or

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