嵌入的 youtube 视频打破了我固定的左栏导航菜单

Question

我有一个两列布局我有一个包含左右 div 的主 div。

1. 右边的div是float:right
2. 左边的div是位置：固定

每个 div 内部都有另一个主 div，我用它来定位内容。在我的右侧 div 中，我有另一个 div，只是为了在其中一个 div 中设置我的内容的样式，我有这个

<iframe width="560" height="315" src="http://www.youtube.com/embed/72t6iauvX1E?wmode=transparent?rel=0" frameborder="0" allowfullscreen></iframe>

在 Chrome 中，左侧的 div 永远不会保持固定。 Safari 在我播放嵌入视频之前它一直保持不变。在 Firefox 中运行良好

我已使用 ?wmode=transparent 尝试修复此问题，但没有成功。

这是我的布局的模型，它已经嵌入了 youtube 视频，并且您可以看到左侧的粉红色 div 未固定删除嵌入的 iframe，您会看到 div 现在已固定，因为其他内容滚动.

http://jsfiddle.net/2TUaP/

这快把我逼疯了。同样，我已经尝试添加 ?wmode=transparent 和 ?wmode=opaque 无济于事。

Answer 1

我在列 div 和 YouTube 嵌入方面遇到了类似的问题。大多数（不是全部）视频（使用 PHP 从 MySql DB 中提取的代码）仅在黑匣子中播放音频。有时，该框会从列中弹出并堆叠在 div 下方。在 Safari 中同样的问题，在 Firefox 中运行良好。 Webkit 问题？

http://www.centerproductionsinc.com 选择任何艺术家个人资料

作为一种解决方法，我不得不将嵌入堆叠在列 div 之外，直到找到真正的解决方案。