Flash 覆盖位置：chrome 中的固定元素答案

【问题标题】：Flash lay over position: fixed element in chromeFlash 覆盖位置：chrome 中的固定元素
【发布时间】：2012-08-30 14:01:34
【问题描述】：

通常，我在编写 css 代码时使用的是 firefox。但是我的代码在使用 chrome 时有问题。

我的固定菜单：

header{
  background-color: #2bd5ec;
  overflow:hidden;
  line-height: 200%;
  top:0;
  position:fixed;
  width:100%;
  z-index: 1;
}

当我滚动页面时，我的 swf 文件位于后面。我的 swf 文件的 css 代码。

#swfFile{width: 500px;height: 500px;}

但是当我使用 chrome 时，swf 文件位于菜单前面。我必须改变什么？

【问题讨论】：

您也可以发布 HTML 部分吗？
@Mark 有我的代码：pastebin.com/3E8cyxYy
@user1648692 请仅提供生成的相关 HTML。不是整个 PHP 文件。
@Abody97 我所有的代码：pastebin.com/kHtkqmeq
Google Chrome, Flash and z-index wrong behaviour的可能重复

标签： css flash google-chrome

【解决方案1】：

这是一个 chrome 错误。 chrome 无法处理具有位置：固定和溢出：隐藏和该 div 内的 flashobject 的 div。剥离示例（wmode-param 不一定有问题）：

<html>
 <head>
  <title>chromebug</title>
 </head>
 <body>
  <div style="min-height:10000px;">CONTENT</div>
  <div style="position: fixed;overflow:hidden;background-color: #000000; bottom: 0; left: 0;">
    <object type="application/x-shockwave-flash" width='400px;' height='100px' data="banner.swf">
     <param name="wmode" value="transparent">
    </object>
  </div>
 </body>
</html>

在线：http://bytepirates.com/cbug.html

解决方法：去掉溢出：隐藏

【讨论】：

【解决方案2】：

这不是您的 CSS 的问题，而是您的 swf 对象的问题。您必须将嵌入的wmode 设置为transparent。否则它将覆盖所有其他元素。

<object>
    <embed wmode="transparent" height="550" width="733">
</object>

【讨论】：

我已将此代码添加到
抱歉必须transparent 而不是opaque
将此链接添加到您的答案中：stackoverflow.com/questions/4313364/…