CSS位置元素在bootstrap selectpicker之上

Question

我在同一页面上有bootstrap selectpicker和chatbox。 selectpicker总是高于chatbox，如下图所示：

我尝试将聊天框z-index设置为999999并将margin更改为否定（-90px），如其他SO帖子中所示。但似乎没有用。

我该如何解决这个问题？

聊天框log 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-index变得重要。 例如z-index: 1001 !important。当我遇到它时，这就解决了我的问题。

Answer 2

Z-index应该有效。请注意， z-index总是从父级继承，如果设置为，那么只需尝试增加聊天框的父元素的z-index，看看是否能解决它。