Javascript 负z指数在模式内不起作用

我需要样式与我的自定义css单选按钮

它几乎起作用了，但我面临一个问题。我不知道为什么z-index（-1）在模态中不起作用

这是我的密码

.container{
填充：50px；
宽度：100%；
}
.langsection.langname{
宽度：50%；
浮动：左；
}
.langsection.langflag{
宽度：50%；
浮动：左；
文本对齐：右对齐；
}
.modal.langmod.modal对话框{
宽度：400px；
保证金：50px自动0；
背景：#fff；
边界半径：6px；
边界：无；
}
.情态体{
填充：0；
边界半径：6px；
溢出：隐藏；
}
李泽康先生{
列表样式：无；
文本转换：大写；
填充：10px 15px；
边框底部：1px实心#e5；
}
.modal对话框：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
塞尔克朗先生{
保证金：0；
填充：0；
}
.langflag span.flg_icn{
右边填充：20px；
}
兰格斯潘先生{
显示：内联块；
}
.selclang li.active，.selclang li:悬停{
背景：#A40030；
颜色：#fff；
}
.modal.fade.in{
填充：0；
}
.modal.langmod.modal内容{
边界：无；
}
.modal.langmod p{
文本转换：大写；
宽度：200px；边距：自动；
文本对齐：居中；
}
.langflag输入[type=“radio”]{
宽度：18px；
高度：18px；
z指数：88；
不透明度：0；
}
.langflag输入[type=“radio”]+i{
宽度：18px；
高度：18px；
位置：绝对位置；
顶部：4px；
左：0；
边界半径：100%；
边框：1px实心#e5；
z指数：-1；
}
.langflag输入[type=“radio”]：选中+i{
盒影：0.3px 0 rgba（0,0,0,0）插入；
背景：绿色；
}
.flg_slct{
位置：相对位置；
}

引导示例
开放模态


英语
旗帜


荷兰语
旗帜


平分球
旗帜


杰兹克·波尔斯基
旗帜


选择你的语言，我是斯普拉奇·怀比尔兹·斯沃伊·杰兹克

也许，您可以尝试使用负边距，而不是使用z索引。 试试这个代码

z-index:-1; 

将超越模态，因为模态的z索引是

999

或

9999

类似的东西，它非常大

所以试着给负利润，它不会影响任何事情

.container{
填充：50px；
宽度：100%；
}
.langsection.langname{
宽度：50%；
浮动：左；
}
.langsection.langflag{
宽度：50%；
浮动：左；
文本对齐：右对齐；
}
.modal.langmod.modal对话框{
宽度：400px；
保证金：50px自动0；
背景：#fff；
边界半径：6px；
边界：无；
}
.情态体{
填充：0；
边界半径：6px；
溢出：隐藏；
}
李泽康先生{
列表样式：无；
文本转换：大写；
填充：10px 15px；
边框底部：1px实心#e5；
}
.modal对话框：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
塞尔克朗先生{
保证金：0；
填充：0；
}
.langflag span.flg_icn{
右边填充：20px；
}
兰格斯潘先生{
显示：内联块；
}
.selclang li.active，.selclang li:悬停{
背景：#A40030；
颜色：#fff；
}
.modal.fade.in{
填充：0；
}
.modal.langmod.modal内容{
边界：无；
}
.modal.langmod p{
文本转换：大写；
宽度：200px；边距：自动；
文本对齐：居中；
}
.langflag输入[type=“radio”]{
宽度：18px；
高度：18px；
不透明度：0；
}
.langflag输入[type=“radio”]+i{
宽度：18px；
高度：18px；
顶部：4px；
左：0；
边界半径：100%；
边框：1px实心#e5；
左边距：-20px；
显示：内联块；
}
.langflag输入[type=“radio”]：选中+i{
盒影：0.3px 0 rgba（0,0,0,0）插入；
背景：绿色；
}
.flg_slct{
位置：相对位置；
}

引导示例
开放模态


英语
旗帜


荷兰语
旗帜


平分球
旗帜


杰兹克·波尔斯基
旗帜


选择你的语言，我是斯普拉奇·怀比尔兹·斯沃伊·杰兹克

使用父级

.flg\u slct

一些正z指数：1所有代码的其余部分都可以

.container{
填充：50px；
宽度：100%；
}
.langsection.langname{
宽度：50%；
浮动：左；
}
.langsection.langflag{
宽度：50%；
浮动：左；
文本对齐：右对齐；
}
.modal.langmod.modal对话框{
宽度：400px；
保证金：50px自动0；
背景：#fff；
边界半径：6px；
边界：无；
}
.情态体{
填充：0；
边界半径：6px；
溢出：隐藏；
}
李泽康先生{
列表样式：无；
文本转换：大写；
填充：10px 15px；
边框底部：1px实心#e5；
}
.modal对话框：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
塞尔克朗先生{
保证金：0；
填充：0；
}
.langflag span.flg_icn{
右边填充：20px；
}
兰格斯潘先生{
显示：内联块；
}
.selclang li.active，.selclang li:悬停{
背景：#A40030；
颜色：#fff；
}
.modal.fade.in{
填充：0；
}
.modal.langmod.modal内容{
边界：无；
}
.modal.langmod p{
文本转换：大写；
宽度：200px；边距：自动；
文本对齐：居中；
}
.langflag输入[type=“radio”]{
宽度：18px；
高度：18px；
z指数：88；
不透明度：0；
}
.langflag输入[type=“radio”]+i{
宽度：18px；
高度：18px；
位置：绝对位置；
顶部：4px；
左：0；
边界半径：100%；
边框：1px实心#e5；
z指数：-1；
}
.langflag输入[type=“radio”]：选中+i{
盒影：0.3px 0 rgba（0,0,0,0）插入；
背景：绿色；
}
.flg_slct{
位置：相对位置；
z指数：1；
}

引导示例
开放模态