トップメニューの後ろにドロップダウンを隠すには？

Question

オープン・ドロップダウンでz-indexが機能していないようです。

ユーザーが最初にドロップダウンをクリックしてから、トップ・メニュー（位置絶対値と高z-インデックスを持つdiv）を表示すると、まだ開いているドロップダウンがトップ・メニューの上に表示されます。私はそれをメニューの下に隠しておきたい。

開いているドロップダウンを非表示にするにはどうすればよいですか？ EDIT

（ジャバスクリプトを使用せずに）：不可、私は問題を説明すべきであるフィドルをした How to select options overlapping an absolute positioned DIV?

を参照してください。

：（トップメニューが開いているとき） https://jsfiddle.net/9m84dv6h/2/

は、ここでは、コードです

HTML：

<div id="topmenu"></div> 
<br> 
<div class="dropdown"> 
    <select> 
     <option>1</option> 
     <option>1</option> 
     <option>1</option> 
    </select> 
</div> 

CSS

#topmenu { 
    position:absolute; 
    min-height:80px; 
    width: 15px; 
    background: red; 
    z-index: 50; 
} 

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

.dropdown { 
    z-index: 10; 
    position: relative; 
} 

Answer 1

いつも一番上に表示されるブラウザで制御されるアイテムだと思います。 selec2のようなプラグインを使用してみるか、完全に制御できるカスタムドロップダウンを選択してください。