我正在使用Twitter Bootstrap下行代码来构建我的导航,但是我在导航栏下方有一个Youtube视频,当用户将鼠标悬停在导航项目上时,下拉列表会显示在YouTube iFrame下方。我对这两个元素的Z-Index有一点玩法,但这似乎没有什么区别。任何帮助表示赞赏,可以在此处找到示例:http://bit.ly/YKXJEq
编辑:这似乎只是IE上某些版本的问题。在IE9上进行测试。
答案 0 :(得分:4)
使用视频网址
添加wmode=transparent
http://www.youtube.com/embed/vmPm5aaU0dg?rel=0&wmode=transparent
<iframe style="z-index:-9999;" width="292" height="306" src="http://www.youtube.com/embed/vmPm5aaU0dg?rel=0&wmode=transparent" frameborder="0" allowfullscreen=""></iframe>