1

左と右の div を含むメインの div がある 2 列のレイアウトがあります。

  1. 右の div は float: right
  2. 左の div は位置: 固定

これらの各 div には、コンテンツを配置するために使用する別のメイン div が内部にあります。右の div には、これらの div の 1 つの横にコンテンツをスタイリングするためだけに別の 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でも問題なく動作します。ウェブキットの問題？

http://www.centerproductionsinc.com 任意のアーティスト プロフィールを選択

実際の解決策が見つかるまで、回避策として列 div の外側に埋め込みをスタックする必要がありました。

于 2013-08-22T04:16:26.687 に答える