タグ

z-indexに関するkiyokichiのブックマーク (1)

  • 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 */

    IE6ではselect要素にz-indexが定義されていない - F.Ko-Jiの「一秒後は未来」
    kiyokichi
    kiyokichi 2010/08/09
     lightboxとかthickboxはコンテンツ上に黒透過かぶせて操作できない感じにするけど、IE6のselectだけが全面に表示されてしまうといううんこ仕様。別途js内に記述が必要。
  • 1