1

通常、cssコードを書くときはfirefoxを使用しています。しかし、クロムを使用する場合、私のコードには問題があります。

私の固定メニュー:

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

しかし、クロムのswfファイルを使用しているときは、メニューの前にあります。何を変更する必要がありますか?

4

2 に答える 2

2

それはクロムのバグです。chrome は、position:fixed AND overflow:hidden およびその 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

解決策: オーバーフローを削除:hidden

于 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 に答える