Jquery 物化ECSS选择框：选项不可选择 问题

我有一个来自materialize的selectbox，它位于一个容器中，位置为：绝对。 在这个容器的正下方有另一个容器，里面有东西（也是

position:absolute

）。容器具有相同的

z-index

当我想在选择框中选择某个内容时，与secound容器重叠的选项不可单击：(

我试过的 如果选择框像这样聚焦，我尝试将

z-index

设置为更高的值：

$(".select-dropdown").on("focusin",function(){
    $(this).parents(".content-container").css("zIndex","100");
});

此外，我还尝试将容器定位为相对位置，这很有效，但不幸的是，在最终解决方案中我无法做到这一点

如果选择框位于绝对位置的容器中，如何使其所有选项都可单击？

---

注意：我在这里重新搜索，但稍微简单一点，因为我能够删除gridstack部分并将其缩小到materialize selectbox。

解决方案非常简单，您只需删除

z-index:80

下的

.content container、.card

，因为这两个

div

具有相同的类

。content container

表示相同的

z-index

，这是一种错误的行为。 也不需要Javascript

检查更新的，希望这有帮助

更新

只需为

div.one

添加

z-index

，即可防止输入或其他元素覆盖下拉列表

---

使用下拉列表下方的输入进行更新。

解决方案非常简单，您只需删除

.content container、.card

下的

z-index:80，因为这两个
div
具有相同的类
。content container
意味着相同的
z-index
，这是一种错误的行为。
也不需要Javascript

检查更新的，希望这有帮助

更新

只需为
div.one
添加
z-index
，即可防止输入或其他元素覆盖下拉列表

使用下拉列表下的输入更新。
尝试第二个下拉菜单-->--我已将
指针事件：无
添加到
div.three
。这是否合适？遗憾的是，另一个容器中可能有输入字段。尝试第二个下拉菜单-->--我已将
指针事件：无
添加到
div.three
。这是否合适ble？很遗憾不是。在另一个容器中可能有一个输入字段。