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

テクノロジーカテゴリーの変更を依頼記事元:

blog.fkoji.com

19 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

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

2010/08/09 リンク

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

JavaScript

2008/10/02 リンク

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

2008/04/28 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

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

IE6(おそらくIE6以前)では、select要素にCSSのz-indexが定義されていません。z-indexというのはレイヤー... 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 */

ブックマークしたユーザー

fugashi2010/09/07
kiyokichi2010/08/09
tacchini2010/04/16
kswg41hyt2009/10/01
ortk112009/03/30
wagonix2008/12/24
hisasann2008/10/02
m_ando2008/05/15
commom2008/05/14
glcs2008/04/28
picnicgraphic2007/10/25

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx