css - 引导选择选择器上方的 CSS 位置元素

Question

我在同一页面上有一个bootstrap selectpicker和一个。总是在下图中chatbox的同类之上：selectpickerchatbox

我尝试将聊天框设置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 并查看是否可以解决。