ブートストラップの上のCSS位置要素selectpicker

Question

私は同じページにbootstrap selectpickerとchatboxを持っています。

私は他のSOポストに示されるように（-90px）999999にchatbox z-indexを設定し、負にmarginを変更しようとした：下記画像のようselectpickerはchatbox上に常にあります。しかし、動作していないようです。

どうすればこの問題を解決できますか？

チャットボックスログCSS

padding: 3px; 
height: 250px; 
overflow-y: auto; 
overflow-x: hidden; 
background: #fff; 
position: relative; 
margin: -90px auto; 
z-index: 9000000; 

JSfiddle

https://jsfiddle.net/iliadeviatov/s5tmy4z7/6/

Answer 1

Z-インデックスが機能するはずです。 z-indexは、に設定されている場合、常に親から継承されるので、チャットボックスの親要素のz-indexを増やして、それが解決するかどうかを確認してください。

Answer 2

私はあなたのz-indexが重要作るお勧めします。 たとえば、z-index: 1001 !important。これは、私がそれを求めたときの私の問題を解決しました。