Html 为什么我的按钮总是出现在一切之上？

我的问题很清楚。如你所见：

我尝试了很多z索引，但都不起作用

$（'.fa-ellission-h'）。单击（函数（）{
$（本）
.css（'z-index'，1）
.children（“.dropdown”）
.toggleClass（“显示块”）；
});
#简单列表{
边际：0px；
宽度：100%；
高度：自动；
溢出：自动；
填充：0；
}
#简单主义者李{
列表样式类型：无；
填充：15px 20px 15px 80px；
位置：相对位置；
光标：正常；
}
#简单主义者李：不是（：最后一个孩子）{
边框底部：1px实心#e0；
}
#简单主义者李一法棒{
显示：块；
位置：绝对位置；
左：30px；
最高：50%；
转化：translateY（-50%）；
光标：移动；
字体大小：24px；
颜色：#888；
}
#简单主义者李。fa-省略号-h{
显示：块；
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
右：30px；
字号：18px；
颜色：#888；
填充：4px13px；
边界半径：5px；
边框：2倍实心rgba（0,0,0,0.1）；
长方体阴影：插入0.5px 0 rgba（0,0,0,0.1）；
光标：指针；
z指数：3；
}
#简单列表李。fa-省略号-h。下拉列表{
位置：绝对位置；
显示：无；
填充：3px0；
盒影：0.10px 3px rgba（0,0,0,0.15）；
底部：-70px；
右：0；
最小宽度：150px；
背景色：#fff；
z指数：4；
}
#simpleList li.fa-省略号-h.下拉列表：：before{
内容：''；
显示：块；
宽度：10px；
高度：10px；
变换原点：中心；
变换：旋转（45度）；
位置：绝对位置；
右：17px；
顶部：-5px；
背景色：#fff；
}
#简单列表李。fa-省略号-h。下拉div{
填充：8px 15px；
颜色：#5b；
字体大小：14px；
字体大小：400；
背景色：#fff；
位置：相对位置；
}
#简单列表李。fa-省略号-h。下拉分区：悬停{
背景：#f0；
}
#简单主义者李卡普{
显示器：flex；
弯曲方向：立柱；
}
#简单主义者李·卡普·巴斯利克{
字号：700；
字号：18px；
裕度：0 10px 0；
}
#简单主义者li.kap.tarih_cont{
显示器：flex；
颜色：#6f6f6f；
字体大小：14px；
}
#简单主义者li.kap.tarih_cont.tire{
填充：0 3px；
}
.显示块{
显示：块！重要；
}



丸1
塔斯拉克
-
2019年5月9日
Önizleme
BölümüSil


丸2
塔斯拉克
-
2019年5月9日
Önizleme
BölümüSil


丸3
塔斯拉克
-
2019年5月9日
Önizleme
BölümüSil


丸4
塔斯拉克
-
2019年5月9日
Önizleme
BölümüSil


丸5
塔斯拉克
-
2019年5月9日
Önizleme
BölümüSil


我有一个解决方案，这是一个有漏洞的解决方案，但它可以工作。我在js中添加
.css（'z-index'，1）
，并从css中删除
z-index


$（'.fa-ellission-h'）。单击（函数（）{
$（本）
.css（'z-index'，1）//此处
.children（“.dropdown”）
.toggleClass（“显示块”）；
});
#简单列表{
边际：0px；
宽度：100%；
高度：自动；
溢出：自动；
填充：0；
}
#简单主义者李{
列表样式类型：无；
填充：15px 20px 15px 80px；
位置：相对位置；
光标：正常；
}
#简单主义者李：不是（：最后一个孩子）{
边框底部：1px实心#e0；
}
#简单主义者李一法棒{
显示：块；
位置：绝对位置；
左：30px；
最高：50%；
转化：translateY（-50%）；
光标：移动；
字体大小：24px；
颜色：#888；
}
#简单主义者李。fa-省略号-h{
显示：块；
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
右：30px；
字号：18px；
颜色：#888；
填充：4px13px；
边界半径：5px；
边框：2倍实心rgba（0,0,0,0.1）；
长方体阴影：插入0.5px 0 rgba（0,0,0,0.1）；
光标：指针；
}
#简单列表李。fa-省略号-h。下拉列表{
位置：绝对位置；
显示：无；
填充：3px0；
盒影：0.10px 3px rgba（0,0,0,0.15）；
底部：-70px；
右：0；
最小宽度：150px；
背景色：#fff；
}
#simpleList li.fa-省略号-h.下拉列表：：before{
内容：''；
显示：块；
宽度：10px；
高度：10px；
变换原点：中心；
变换：旋转（45度）；
位置：绝对位置；
右：17px；
顶部：-5px；
背景色：#fff；
}
#简单列表李。fa-省略号-h。下拉div{
填充：8px 15px；
颜色：#5b；
字体大小：14px；
字体大小：400；
背景色：#fff；
位置：相对位置；
}
#简单列表李。fa-省略号-h。下拉分区：悬停{
背景：#f0；
}
#简单主义者李卡普{
显示器：flex；
弯曲方向：立柱；
}
#简单主义者李·卡普·巴斯利克{
字号：700；
字号：18px；
裕度：0 10px 0；
}
#简单主义者li.kap.tarih_cont{
显示器：flex；
颜色：#6f6f6f；
字体大小：14px；
}
#简单主义者li.kap.tarih_cont.tire{
填充：0 3px；
}
.显示块{
显示：块！重要；
}



丸1
塔斯拉克
-
2019年5月9日
Önizleme
BölümüSil


丸2
塔斯拉克