IE6ではselect要素にz-indexが定義されていない - F.Ko-Jiの「一秒後は未来」

IE6(おそらくIE6以前)では、select要素にCSSのz-indexが定義されていません。z-indexというのはレイヤーの重なりの順番です。 そのため、select要素のある画面にdiv要素でレイヤーを被せようとすると、IE6ではレイヤーの上にselect要素だけ残って表示されてしまいます。 これを防ぐためには、レイヤーをiframe(インラインフレーム)にするか、レイヤーを表示するときにJavaScriptを使ってselect要素を visibility:hidden にする必要があります。 var elems = document.getElementsByTagName("select"); for (i = 0; i < elems.length; i++) { elems[i].style.visibility = "hidden"; } もしくは、 /* CSS */

[kiyokichi]

　lightboxとかthickboxはコンテンツ上に黒透過かぶせて操作できない感じにするけど、IE6のselectだけが全面に表示されてしまうといううんこ仕様。別途js内に記述が必要。

[hisasann]

IE6ではzIndexで切り替えるとき、セレクトボックスをvisibility: hiddenにする

[glcs]

IE6で<div style="display:none"><select></select></div>するとselectが浮き上がって表示されてしまう問題