上の画像の下部に示されているように、ヘルプを表示するdivがあるHTMLページがあります。
IE 6のこのヘルプdivの上にあるコンボボックス(入力を選択)もあります。
他のブラウザおよびIE6+バージョンでは、正常に動作しています。
IE 6のこの問題に対するCSSハックはありますか?
上の画像の下部に示されているように、ヘルプを表示するdivがあるHTMLページがあります。
IE 6のこのヘルプdivの上にあるコンボボックス(入力を選択)もあります。
他のブラウザおよびIE6+バージョンでは、正常に動作しています。
IE 6のこの問題に対するCSSハックはありますか?
これはIE6の非常に有名で古いバグです。あなたがする必要があるのは、のiframe
前にあることdiv
です。このバグは非常によく文書化されています。これは、IE6ではselect
ボックスがActiveXコントロールであり、ページのすべての要素の上にあることが意図されていたために発生します。iframe
ActiveXコントロールでもあり、select
ボックスの上に設定できます。このウェブサイトhttp://www.javascriptjunkie.com/?p=5でハッキングについて読むことができます。
SOでも同様の質問があったと思いますが、見つかりませんでした。
IEのすべてのバージョンについて、十分に文書化されたCSSハックがあります。
IE6の場合は、アンダースコアハックを使用します。IE6のみをターゲットにするには、セレクターの前にアンダースコア文字を配置します。
このページには詳細があります:http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/
私が知っているように、デフォルトではIE6は他の要素の上に配置されます。
このdiv.helpが表示されているときは、それらを非表示にすることができます(表示:なし)