CSSを設定するとIE7選択ボックスが消える

Question

一部の選択ボックスの上にzインデックスが1のdiv（透明な背景）があります。

IE7以外のすべてのブラウザでは、正しく表示され、機能します。 IE7では、選択ボックスは表示されますが、クリックまたは変更することはできません。

IE7では、唯一の回避策は、背景を含むdivをz-index -1に設定することです。これは、他のブラウザの表示や他のボックスで問題を引き起こします。私は（しようと回避策）このルールを実行する場合は

select{ 
position:relative; 
z-index:1000; 
} 

すべての選択ボックスは、IE7に消えます。

どうすればよいですか？

Answer 1

これをIE7の条件文で修正しました。 IE7では

-

z-index:-1; 

他のすべてのブラウザ -

z-index:1; 

Answer 2

私はあなたが何をしているかを見ています。 OK。このタイプのことのヒント？自分でしようとしないでください！

ウィンドウ上にdiv要素をオーバーレイして内容を追加するために使用できるモーダルウィンドウが数多くあります。いくつかは背景を灰色にし、いくつかはあなたのコンテンツの上に浮かぶでしょう。検索のビットを行う、あなたはあなたのニーズに合ったものを見つけるでしょう。

これを行う理由は、選択要素がWebフォーム要素ではなく、オペレーティングシステムのフォーム要素であることです（背後には本当の痛みです）。これは、標準的なhtmlブロック要素と同じように動作しないことを意味します（特殊で扱われることが望ましい）。このため、（たとえ自分の場合と同じではないとしても）常にトップレベルのアイテムとして表示されます。あなたは、DOMを変更してこれを回避するためにjavascriptの負荷を書くことができますが、すでに完了しています。

あなたが聞きたかったのはおそらくそうではないことは分かっていますが、この検索を行うと、心苦しくなることはありません。

これが役に立ちます。