I am quite new to web design, I have built a responsive site with embedded iframe at the top of the index page. This works in all browsers across all formats except IE (all versions), the player covers the nav bar. I have tried a number of css tricks and have created a conditional style sheet but to no avail. Would appreciate any suggestions.
Hi All,
I am quite new to web design, I have built a responsive site with embedded iframe at the top of the index page. This works in all browsers across all formats except IE (all versions), the player covers the nav bar. I have tried a number of css tricks and have created a conditional style sheet but to no avail. Would appreciate any suggestions.
Many thanks
Sorry, I forgot to mention the actual problem. In IE the player covers over the nav bar, here is the site url for reference:
http://docmanagement.eu
Thanks again!
I believe the problem is due to the wmode attribute.
Since you are using YouTube in an iframe, you'll just need to add a parameter (
&wmode=opaque) to the end of the iframe src:So change your iframe tag from this:
to this:
Thanks Mottie, worked a charm! Nice one for taking the time.