Question

如果在后台播放Flash影片，谷歌浏览器会破坏某些div元素的位置。

示例：我的页眉和页脚定位为固定（顶部，底部）。当我滚动窗口时，它们会保留在Firefox，Safari（5.1.7）等的顶部和底部，但随着Chrome中的内容一起移动。

我使用SWFObject 2.2来放置flash影片。我已经尝试了所有的wmodes（透明，不透明，窗口）

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指数设定为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时无法使用Chrome？

Answer 1

尝试设置您的顶部和左侧值以包含px。我有一些问题，Chrome对我的语法过于挑剔。

Flash中背景和位置固定的Flash电影=＆gt;不良行为

1 个答案: