0

作成したナビゲーション バーが Chrome と Firefox で異なって表示されるという奇妙な問題に直面しています。これがそれぞれのスクリーンショットです。Firefox では正しく表示されています。

Firefox ナビゲーションバー

Chrome で背景色が失われている間:

Chrome Navbar

ここでフィドルを作成しましたが、Chrome を使用して jsfiddle サイトで表示した場合、問題は明らかではありません。ライブ Chrome ブラウザーでは、body宣言が使用されていても、navbar の定義がオーバーライドz-indexされます。この奇妙な問題を解決する方法についてのアイデアはありますか? 現在、古いバージョンの Chrome (21.0.1180.90) を使用しており、下位互換性を確保しようとしています。アイデアをありがとう！

4

2 に答える 2

1

あなたのコードは、OS X 10.8.2 の「ライブ Chrome ブラウザ」21.0.1180.89 (21.0.1180.90 が見つかりませんでした) で正常に動作します。

そして、あなたは次の点を見逃していると思いますz-index：

配置されたボックスの場合、'z-index' プロパティは次を指定します。

  • 現在のスタック コンテキストにおけるボックスのスタック レベル。
  • ボックスがスタッキング コンテキストを確立するかどうか。

http://www.w3.org/TR/CSS2/visuren.html#z-index

z-index他の css 宣言をオーバーライドするために使用されません。

于 2013-02-05T21:04:52.287 に答える
0

コードはChromeバージョン24、Firefox、InternetExplorer10で動作しています。おそらく、問題はそのバージョンのChromeにのみあるか、別の場所でオーバーライドします。

于 2013-02-05T20:40:13.647 に答える