CSS 位置元素在 bootstrap selectpicker 上方

Question

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

我尝试将聊天框 z-index 设置为 999999 并将 margin 更改为否定 (-90px)，如其他 SO 帖子中所示。但是好像不行。

我该如何解决这个问题？

聊天框日志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，看看是否就解决了。

CSS position element above bootstrap selectpicker