HTML/CSSマウス・ホバー・プロパティーがフォーム・テキストをカバーしていません

Question

現在、jspでプロジェクトを開発中です。私は、マウスのホバー上にドロップダウンメニューを表示するサブメニューを持つメニューを設計しました。問題は、マウスをメニューの上に置いたときにフォームをカバーするが、マウスがマウスの上にくるようにしたい。フォームのテキストはメニューに表示されません。誰か助けてください。

これは私のscrenshotのリンクです：

https://drive.google.com/file/d/0Bz0UDalBYIopamdTM1F0RGVqYlk/view

Answer 1

これはz-indexの問題のようです。メニューPositionなどposition: relative;とし、Z-インデックスを設定します。 z-index: 10;に - あなたのフォームからのものより大きな値でなければなりません。フォームにz-indexを設定していない場合は、初期値はautoなので、1より大きい値を指定すると、ホバーメニューが前面に表示されます。