1

通常，我在编写 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 文件时，它位于菜单前面。我必须改变什么？

4

2 回答 2

2

这是一个铬错误。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

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

于 2012-09-21T11:41:50.033 回答
0

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

<object>
    <embed wmode="transparent" height="550" width="733">
</object>
于 2012-09-05T19:39:34.267 回答