3

Flash ムービーがバックグラウンドで再生されている場合、Google Chrome は一部の div 要素の固定位置を壊します。

例: ヘッダーとフッターが固定 (上、下) に配置されています。ウィンドウをスクロールすると、Firefox、Safari (5.1.7) などでは上部と下部にとどまりますが、Chrome ではコンテンツと一緒に移動します。

SWFObject 2.2 を使用して Flash ムービーを配置します。すべての wmodes (transparent、opaque、window) を試しました

HTML コード:

<script type="text/javascript">
  var fv = {};
  swfobject.embedSWF('background.swf', 'back-flash', '100%', '100%', '10.0.0', 
  'expressinstall.swf', fv, {bgcolor: '#222222', menu: 'false', wmode: 'opaque'}, 
  {id: 'back-flash'});
</script>

Flash ムービーを含む div の z-index は -99 に設定され、上記の要素の z-index は 99 に設定されます

CSS コード:

#back-flash-holder{
 top: 0;
 left: 0;
 z-index: -99;
 width: 100%;
 height: 100%;
}
#header{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 80px;
 background-color: #ddd;
 z-index: 99;
}

Mac OSX、Chrome バージョン: 19.0.1084.56、Flash Player バージョン: 11.3.300.257

例: jsfiddle.net/WE8wv

Safari で動作しているのに Chrome で動作しない理由は何ですか?

4

1 に答える 1

0

上部と左側の値をpxを含むように設定してみてください。Chromeが構文にうるさすぎるという問題がありました。

于 2012-06-29T21:16:02.083 に答える