このドロップダウンの作成方法

Question

divの下に別のdivドロップダウンがありますが、その下にあるコンテンツの下にドロップダウンが表示され、その上に表示します。

私はz-indexを使用して、コンテンツのドロップダウンよりも小さい数字を設定しましたが、動作しませんでした。

これらのdivを正しい順序で表示させるにはどうすればよいですか？ - 私はjsfiddleでモックアップを作りました。

Answer 1

私はあなたのjsfiddleを更新：http://jsfiddle.net/mvRYR/1/

z-indexを使用する場合はposition: relative;またはposition: absolute;に設定する必要があります。

Answer 2

ちょうどあなたにもbackground-color: yellow;を追加した場合、あなたはより良いそれを見ることができ、あなたの#dropスタイル

に

z-index: 10; position: relative; 

を追加...