WEB制作トラブル速戦即決術！第10回

[TROUBLE 54]

IE 6でフロートしたHTML上に
下レイヤーのselectタグが表示される

文＝千田真章（(株)アイ・エム・ジェイ）

A.	ブラウザを選別して該当のフォームを非表示にする

selectタグの上にフロートでHTMLを重ねようとすると、IE 6で重ねようとしたフロートの上にフォームのパーツが表示される。このときはブラウザ判定を行い、IE 6であればフロート表示に掛かる個所のselectタグをCSSで一時的に非表示にして問題を回避する。

フロート表示したHTML上に、意図しないselectタグが、表示されてしまっている。これはIE 6ではselectタグがz-indexと関係なしに、最前面に来てしまうようブラウザが実装されているためだ

[TROUBLE 54] IE 6でフロートしたHTML上に下レイヤーのselectタグが表示される