CSS Menu going below Iframe embedded with you tube

Hi I’m having a problem getting my CSS menu to be over an embedded you tube movie. I have added some code i read about but can’t get it to work.

The embedded code is responsive and here it is :

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

I have tried adding wmode=“Opaque” and ?wmode=transparent in the url but no change

Any help would be great

Thanks

http://www.rainbowvalleyproductions.co.uk/newyoutube.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Adding two additional attributes to the #BodyWrapper1 will fix this.

Using the item selected item → extended → DIV-style tab dialogue, entering the following name/value pairs:

#BodyWrapper1 {
position:relative; /*the one before the colon is name, the other one the value*/
z-index: 99 /* any number higher than 0*/
}

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Thank you thomas that worked perfectly. Your a star.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options