====== Overlapping select field bug in IE 6 ====== IE6ではselectタグ(Drop-down list)がDivレイヤーの上に、表示されるバグがある。\\ SelectタグをWindowsコントロールを使用して表示しているが、z-indexを無視するため、 selectタグが一番上に表示されることなのだ。それを回避する方法がいくつあるが、ここではiframeを使い回避する方法を紹介する。 ===== Demo page ===== IE6でselectタグ(プルダウン)がz-indexを無視する対策

マウスでドラッグができます。
width: 300px;
height: 240px;
background-color: #8888ff;
position: absolute;
padding: 10px;
z-index: 100;
left: 150px;
top: 250px;

移動するたびに、setShim関数でこのdivにiframeを重ねています。

\\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ ===== iframe issue ===== iframeタグがHTML4.01 Strict　及びXHTML1.0 Strictでは未定義というので、この回避策は使えない。\\ ===== reference ===== - [[http://www.programming-magic.com/20071107222415/|IE6でselectタグ(プルダウン)がz-indexを無視する対策]] - [[http://www.ibm.com/developerworks/jp/web/library/wa-aj-jquery6/|jQuery: 独自のプラグインを作成する]]