1

我有一个两列布局我有一个包含左右 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 无济于事。

4

1 回答 1

0

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

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

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

于 2013-08-22T04:16:26.687 回答