1

私のサイト: dwapotwory.com は埋め込み vimeo ビデオを使用しています。Safari (Mac) で、場合によっては Chrome (Win/Mac の両方) で iframe が読み込まれると、position: fixed (ヘッダーと左/右ボタンの div) を持つすべての要素がクラッシュします。

Safari に iframe がなくても問題ありません: http://dwapotwory.com/1.html

Safari の iframe で...: http://dwapotwory.com/2.html

iframe を div でラップし、ブラウザー ウィンドウをスケーリングするときにスケーリングするように設定していますが、問題は発生していません (レスポンシブな埋め込み vimeo ソリューションをいくつか試しましたが、違いはありませんでした)。

4

1 に答える 1

0

videoビデオ（実際のタグではなく、タグのみiframes）と固定配置のコンテナで同様の問題があるため、この質問に出くわしました。

Safari の問題は非常にランダムなようです。私の場合、固定コンテナーに -webkit-transforms を追加して修正しましたが、フレームの絶対コンテナーに z-index を設定するだけで解決できるようです。インスペクターでDOMを直接操作してみましたが、うまくいくようです。

于 2013-06-01T19:02:50.423 に答える