css - 涵盖 IE < 9 中 CSS 下拉菜单的 YouTube 视频内容

标签 css youtube

我使用 CSS 创建了下拉菜单,并且在导航栏正下方的框中放置了一个 YouTube 视频。使用 IE 8 时,下拉菜单落后于 YouTube 视频,尽管带有导航栏的 div 的 z-index 高于带有 YouTube 视频的 div。该问题在 Firefox、Safari 或 IE9 中不存在。

您可以通过访问网站查看问题:

http://www.mensdiscipleshipnetwork.com

感谢您的帮助。

最佳答案

看起来您需要将 ?wmode=transparent 添加到 YouTube 嵌入 iframe src url。像这样:

<iframe width="632" height="390" src="http://www.youtube.com/embed/_K-YwgCyg70?wmode=transparent" frameborder="0" allowfullscreen></iframe>

关于css - 涵盖 IE < 9 中 CSS 下拉菜单的 YouTube 视频内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7747133/

相关文章:

html - 如何自定义滚动导航栏?

javascript - jQuery UI 布局和约束对话框到中央面板

javascript - 我可以在 Mobile Safari 上用 user-css 覆盖 CSS 吗?

android - IOS/Android 应用上传视频到 YouTube?

php - token 无效-YouTube API中的错误401

php - 从自定义脚本动态加载时 Font Awesome 图标不显示

html - 我怎样才能将这个超大屏幕/旋转木马固定为图像的大小?

video - YouTube是否真的在 channel 上显示了观看次数最多的视频?

python - 我如何访问YouTube第一搜索结果?

youtube - youtube-iframe-api无法在shadow-dom(由 polymer 创建)中找到视频元素