SafariのIFRAME内のFlashは、位置を固定します。固定要素

これは必ずしもネストされたIFRAMEではなく、IFRAMEdドキュメント内の位置がブレークするIFRAMEdドキュメント内のFlashの存在）。SafariのIFRAME内のFlashは、位置を固定します。固定要素

これは非現実的です。サファリ（Mac用）の場合：

フラッシュ
... IFRAME（例えば、モーダルウィンドウ、Fancyboxなど）
内...どんな "：固定位置" を "壊す" になりますそのIFRAME内の要素。

ここで完璧な例です：私たちは持っているhttp://jsfiddle.net/6GP2A/注：

フラッシュ（YouTubeの動画）が含まれていIFRAME。別のiframeをドキュメント（jsfiddleのIFRAME結果）内の

ビデオが自身であるという事実は赤ニシンでiframeをので、予めご了承ください。フラッシュがOBJECTタグだけだった場合は、IFRAMEを実行しても同じ問題が発生します。

これをChromeで開くと、正常に動作します。灰色の "hello I am fixed" DIV（postion：fixed）は下に固定されたままです。

Safariでは、ページをスクロールすると灰色のDIVがスライドします。

Arrrrgh！何かアドバイス？無数の検索は無駄でした。ありがとうございました！

出典

2011-10-20 releasetrain

同じ問題が発生しましたが、フレームを拒否することはできません。私はこの問題を調査し、いくつかの解決策を見つけました。（私は推測します）：

div：position：relative; z-index：-1; "フレーム内に「position：fixed」の要素が正しく表示されます。フラッシュ付き例えば

<html> 
<head> 
    <style> 
     .menu { 
      position: fixed; 
      top: 0; 
      left: 0; 
      width: 100%; 
      height: 40px; 
     } 
     .footer { 
      width: 100%; 
      height: 40px; 
      position: fixed; 
      bottom: 0; 
      left: 0; 
     } 
    </style> 
</head> 
<body> 
    <frameset rows="20,*"> 
     <frame>...</frame> 
     <frame> 
      <div class="menu">Header</div> 
      <!-- Some content here --> 
      <object width="440px" height="220px"> 
       <param value="opaque" name="wmode"> 
       <param value="http://youdomain.com/you_flash.swf" name="movie"> 
       <embed width="440px" height="220px" type="application/x-shockwave-flash" src="http://youdomain.com/you_flash.swf"> 
      </object> 
      <!-- Some content here --> 
      <div style="position: relative; z-index:-1;"> 
       <object width="10px" height="10px"> 
        <param value="opaque" name="wmode"> 
        <param value="http://youdomain.com/fake_flash.swf" name="movie"> 
        <embed width="10px" height="10px" type="application/x-shockwave-flash" src="http://youdomain.com/fake_flash.swf"> 
       </object> 
      </div> 
      <div class="menu">Footer</div> 
     </frame> 
    </frameset> 
</body> 
</html>

一つのdivが十分です。他のすべてはそのままでよい。

1つの発言 - この部門のフラッシュをクリックすることはできません。私は空のフラッシュを持つdivをMacのSafariに動的に追加するスクリプトを書いた。

希望すると便利です。

5つは力があなたと一緒にあります。

出典

2012-07-23 11:13:27 rebel1101

SafariのIFRAME内のFlashは、位置を固定します。固定要素

答えて

関連する問題