Css 闪光搁置位置：镀铬固定元件_Css_Flash_Google Chrome

Css 闪光搁置位置：镀铬固定元件

css flash google-chrome

Css 闪光搁置位置：镀铬固定元件,css,flash,google-chrome,Css,Flash,Google Chrome,通常，我在编写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:

通常，我在编写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文件在菜单前面。

我必须改变什么？

这不是CSS的问题，而是swf对象的问题。您必须将嵌入的

wmode

设置为

transparent

。否则，它将覆盖所有其他元素

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

这是一个chrome bug。 chrome无法处理position:fixed AND overflow:hidden的div以及该div内的flashobject。示例（wmode参数不必出现问题）：


变色蟾蜍
内容

网上：

解决方案：删除溢出：隐藏

你也可以发布HTML部分吗？@Mark有我的代码：@user1648692请只提供生成的相关HTML。不是整个PHP文件。@Abody97我所有的代码：可能与我添加到的代码重复。任何内容都已更改。抱歉，必须将此链接添加到您的答案中：

<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>