css - jQuery 对话框中的 Youtube 视频始终位于其他内容之上

Question

我在将视频嵌入 jQuery 对话框时遇到了一些问题。它显示和播放都很好，但它总是在其他对话框的前面。当我将另一个对话放在带有视频的对话上时，视频始终位于所有内容之上...有人可以帮忙吗？

Answer 1

您的问题与 jQuery 或 JavaScript 无关。它与 Flash 对象的 z-index 相关。

我以前成功地使用过这个解决方案...

http://manisheriar.com/blog/flash_objects_and_z_index

• 将您的 Flash 内容放入包装器中 div称为 flash

• 添加<param name="wmode" value="transparent">给你的object标签

• 添加wmode="transparent"进入embed标签

• 使用 CSS 设置 position和 z-index为你的 div (不要设置负 z-index 值，因为它会隐藏您的 Flash)

CSS

#flash {
    position: relative; /*or absolute*/
    z-index: 0;
}

HTML

<div id="flash">
    <object .... >
        <param name="wmode" value="transparent">
        <embed .... wmode="transparent">
    </object>
</div>