私は言語を切り替えるための上隅にフラグを表示し、中央にドロップダウンメニュー(両方position: fixed
)を表示する写真Webページを持っています。ぜひご覧ください: http://luis.impa.br/photo
フラグがメニューに重なる位置までウィンドウを水平方向に縮小すると、メニューの上にフラグが表示されます。しかし、要素を調べると、(含まれる div) フラグの z-index は 90 で、メニューの z-index は 100 であることがわかります。
どうすればいいの?逆であってはいけませんか?これは、Chrome (PC) と Dolphin (Android) の両方で発生します。Firefoxは問題なく動作します。これは最初の 2 つのブラウザのバグですか? 同じバグ?
これがクレイジーだと思う場合は、ページを下にスクロールして、new
赤いタグ (たとえば、蝶のアイコンの上) がメニューに表示されるようにします。ページを縮小するnew
と、フラグとメニューの間にマークが表示されます... ここでも、Firefox は完璧に動作しますが、Chrome と Dolphin はこの混乱を引き起こします。まったく同じバグを持つ 2 つのブラウザ??
z-index の仕組みを理解していないか、これはバグです。おそらく、両方です。
ありがとう!!