css - Chrome 19 の Z-index レンダリング バグ?

Question

最近まで Chrome を含むすべてのブラウザで正しく表示されていたサイトにドロップダウン メニューがあります。Chrome 19 では、両方に配置があり、メニューの z-index が高い場合でも、別の要素の背後にレンダリングされます。

右上隅の画像を参照してください。

サイトはこちら: http://www.mediaplanet.com/international/

これはレンダリングのバグですか、それとも私のコードに何か問題がありますか?

Answer 1

スタイルシートでofを tostyle.cssに設定すると、それが実行されます。z-index9999#header .row

現在は次のとおりです。

#header .row {
  position: relative;
  overflow: visible;
}

次のように変更すると、Chrome 19で機能します。

#header .row {
  position: relative;
  overflow: visible;
  z-index: 99999;
}

それでうまくいくはずです！:)