Html 背景和z指数问题

以下代码只有在删除背景时才能正常工作：#a1a1来自。注册表单。但我需要背景资料。更改z-index没有帮助，因为-1值太小，0太大。 如何解决这个问题？ 多谢各位

。注册表格{
宽度：260px；
填充：20px；
背景：#fff；
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：5px；
边框顶部：5px实心#ff4e50；
顶部：80px；
左：0；
右：0；
保证金：自动；
位置：绝对位置；
}
.寄存器开关{
高度：32px；
边缘底部：20px；
填充：4px；
位置：相对位置；
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：5px；
}
.寄存器开关输入{
显示：无；
}
.注册开关标签{
浮动：左；
宽度：50%；
线高：32px；
颜色：#fff；
文本对齐：居中；
光标：指针；
}
.注册开关标签：之后{
位置：绝对位置；
内容：“；
宽度：100%；
身高：100%；
背景：浅蓝色；
左：0；
排名：0；
z指数：-1；
}
.寄存器开关输入：选中+.寄存器开关标签：之后{
背景：番茄；
}
.寄存器开关输入：选中+.寄存器开关标签{
字体大小：正常；
颜色：#666；
背景：#fff；
边界半径：2px；
背景图像：-webkit线性渐变（顶部，#fefefe，#eeee）；
背景图像：-moz线性梯度（顶部，#fefefe，#eeee）；
背景图像：-o-线性梯度（顶部，#fefefe，#eeee）；
背景图像：线性梯度（到底部，#fefefe，#eeee）；
-webkit盒阴影：0 1px 1px rgba（0,0,0,0.15），0 0 1px rgba（0,0,0,0.1）；
长方体阴影：0 1px 1px rgba（0,0,0,0.15），0 0 1px rgba（0,0,0,0.1）；
}

男性
女性

您还需要在

.sign-up\u表单

规则上设置一个

z-index

。注册表格{
宽度：260px；
填充：20px；
背景：#fff；
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：5px；
边框顶部：5px实心#ff4e50；
顶部：80px；
左：0；
右：0；
保证金：自动；
位置：绝对位置；
z指数：-1；
}
.寄存器开关{
高度：32px；
边缘底部：20px；
填充：4px；
位置：相对位置；
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：5px；
}
.寄存器开关输入{
显示：无；
}
.注册开关标签{
浮动：左；
宽度：50%；
线高：32px；
颜色：#fff；
文本对齐：居中；
光标：指针；
}
.注册开关标签：之后{
位置：绝对位置；
内容：“；
宽度：100%；
身高：100%；
背景：浅蓝色；
左：0；
排名：0；
z指数：-1；
边界半径：5px；
}
.寄存器开关输入：选中+.寄存器开关标签：之后{
背景：番茄；
}
.寄存器开关输入：选中+.寄存器开关标签{
字体大小：正常；
颜色：#666；
背景：#fff；
边界半径：2px；
背景图像：-webkit线性渐变（顶部，#fefefe，#eeee）；
背景图像：-moz线性梯度（顶部，#fefefe，#eeee）；
背景图像：-o-线性梯度（顶部，#fefefe，#eeee）；
背景图像：线性梯度（到底部，#fefefe，#eeee）；
-webkit盒阴影：0 1px 1px rgba（0,0,0,0.15），0 0 1px rgba（0,0,0,0.1）；
长方体阴影：0 1px 1px rgba（0,0,0,0.15），0 0 1px rgba（0,0,0,0.1）；
}

男性
女性

不客气。。为了让事情简单化，我放弃了第二个。这太完美了：）但圆角有个问题。如果设置边界半径：5px；-然后你可以看到番茄背景的笔划。我这样做了：label[for=“sex-m”]：在{visibility:hidden；}之后。。。这似乎解决了问题。是吗？显示的不是“番茄背景”，而是。注册表单规则

边框顶部：5px实心#ff4e50。。。删除那个边框顶部，你会看到它消失了。也许我误解了，你想把哪个元素设置为
边框半径：5px使您看到“西红柿背景”？将其设置为。注册开关标签：之后