2012-05-22 5 views
6

最近までChromeを含むすべてのブラウザで正しく表示されていたサイトにドロップダウンメニューがあります。ここではChrome 19では、両方とも位置付けがあり、メニューのZ-インデックスが高くなっていても、別の要素の背後にレンダリングされます。Chrome 19のZ-インデックスレンダリングの問題?

は、右上の画像を参照してください:

enter image description here

をそしてここのサイトです: http://www.mediaplanet.com/international/

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

+0

これはバグでなければなりません。私はChromeデベロッパーツールでテストしましたが、何も機能しませんでした。 Stackoverflowでさえ、新しいバージョンにはいくつかのZインデックスの問題があります。あなたのコードはOKのようです。 –

+0

Chrome 19の問題を確認しました。Firefox 13 Betaで正しく動作します。 –

+1

下の私のソリューションは、Chrome 19のCSSバグを修正しました.... –

答えて

4

style.cssスタイルシートでは、z-index9999から#header .rowに設定する必要があります。

現在は次のとおりです。

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

あなたはそれを変更する場合には、クロム19で私の作品:

トリックを行う必要があります
#header .row { 
    position: relative; 
    overflow: visible; 
    z-index: 99999; 
} 

! :)

+0

Sweeeet!ありがとう、私はすでにすべての組み合わせを試みたと思ったが、確かにそれを逃した! –

関連する問題