html - 在视频(iframe 或对象)上显示 div

标签 html css iframe

我有一个网站,其中页眉和页脚位于固定 位置,而中间内容可以滚动。事实上,当我们滚动内容时,内容应该在页眉或页脚下方,因为网站占据了 100% 的高度,我选择将 overflow: auto; 应用于正文。中间内容不可能有特定的高度,因为页眉和页脚是固定大小的。

我将 z-index 应用于所有元素,效果很好,但我需要嵌入来自 Youtube、Vimeo 或其他...的视频...通常,这些视频使用 iframe< 显示对象 ;我的客户直接将嵌入代码放在后台。这是我的问题:当我滚动时,即使我设置了特定的 z-index ,视频也会显示在页眉和页脚上;中间内容中的其他元素隐藏得很好......

你有解决这个问题的想法吗?

谢谢!

最佳答案

如果不使用 jquery,您可以在“iframe”标签中简单地使用它

src="http://www.youtube.com/embed/yourVideo?wmode=transparent"

关于html - 在视频(iframe 或对象)上显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8487547/

相关文章:

javascript - 加载宽度/高度最初由 PERCENTAGE 设置的元素后,如何获取其实际宽度/高度?

javascript - 在 IE 11 中打印 Iframe 仅打印第一页

javascript - 你如何使用 jquery 从内部滚动 iframe?

html - IE7 页脚重叠

html - 100% 的内部滚动框不是 View 框

html - 让两个 div 彼此相邻 float 时遇到一些问题

html - UL 类不起作用?只有李工作?

javascript - 比较两个自定义格式日期jquery

html - 使用 sed 提取 HTML 标签数据

html - 为什么我不能将我的菜单栏/导航居中