Html 由于父容器DIV background属性，CSS转换无法工作

由于container DIV的background属性，我遇到了一个CSS转换无法工作的问题。这是我在网上找到的一段代码，但是找不到我所在的页面，所以我不能回去问他们。这意味着它是一个普通的按钮，但当鼠标悬停在上面时，两段会滑出（一段在顶部，一段在底部）。它本身工作得很好，但是当我把它放到容器DIV中，并在容器上添加背景色时，它就不再工作了。我安装了Firebug，发现当我禁用BG属性时，它可以工作。疯狂的是，这种转变是边缘化的，与背景无关。请耐心听我说，这是我的第一个问题，我将尝试插入正确的代码

#容器
{
背景：#cf6；
显示：内联块；
高度：500px；
保证金：0自动；
文本对齐：居中；
宽度：700px
}
.下载按钮
{
保证金：50px自动；
宽度：100px；
}
.下载按钮a
{
背景：#003f87；
背景：-莫兹线性梯度（顶部，#003f87 0%，#3063a5 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#003f87）、颜色停止（100%，#3063a5））；
背景：-webkit线性梯度（顶部，#003f87 0%，#3063a5 100%）；
背景：-o-线性梯度（顶部，#003f87 0%，#3063a5 100%）；
背景：-ms线性梯度（顶部，#003f87 0%，#3063a5 100%）；
背景：线性梯度（顶部，#003f87 0%，#3063a5 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#003f87'，endColorstr='#3063a5'，GradientType=0）；
颜色：白色；
显示：块；
字体：17px/50px Helvetica，Verdana，无衬线；
高度：50px；
文本对齐：居中；
文字装饰：无；
文本转换：大写；
宽度：200px；
}
.下载按钮a，
下载按钮
{
-webkit边界半径：10px；
-moz边界半径：10px；
边界半径：10px；
-网络工具包盒阴影：2px2px8pxRGBA（0,0,0,0.2）；
-moz盒阴影：2px2px8pxrgba（0,0,0.2）；
盒影：2px2px8pxRGBA（0,0,0,0.2）；
}
下载按钮
{
背景：#222；
颜色：#fff；
显示：块；
字体：12px/45px Helvetica，Verdana，无衬线；
高度：40px；
利润率：-50px 0 10px；
位置：绝对位置；
文本对齐：居中；
-webkit过渡：利润0.5s；
-moz过渡：裕度0.5s；
-o型过渡：裕度0.5s；
-ms过渡：裕度0.5s；
过渡：裕度0.5s；
宽度：180px；
z指数：-1；
}
.下载按钮：悬停.底部
{
利润率：-10px 0 10px；
}
.下载按钮：悬停.top
{
线高：35px；
裕度：-80px 0 10px；
}
.下载按钮a：激活
{
背景：#003f87；
背景：-莫兹线性梯度（顶部，#003f87 36%，#3063a5 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（36%，#003f87）、颜色停止（100%，#3063a5））；
背景：-webkit线性梯度（顶部，#003f87 36%，#3063a5 100%）；
背景：-o-线性梯度（顶部，#003f87 36%，#3063a5 100%）；
背景：-ms线性梯度（顶部，#003f87 36%，#3063a5 100%）；
背景：线性梯度（顶部，#003f87 36%，#3063a5 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#003f87'，endColorstr='#3063a5'，GradientType=0）；
}
.下载按钮：活动。底部
{
利润率：-20px 0 10px；
}
.下载按钮：活动。顶部
{
利润率：-70px 0 10px；
}

单击开始
1.2MB拉链

像这样尝试：

.download-button a {
    z-index: 100;
    position:relative;
}

.download-button p {  
    z-index: 0;
}

---

标签边距有

负值

z-index值，这就是为什么它在

#容器

bg后面，现在我将

z-index

值改为正值，并用更多的

z-index

值给

位置，以向前面显示这一点

非常感谢。我有一种感觉，它是z-index，但在我试图解决这个问题时，我所做的只是在没有悬停的情况下显示这两个段落。8-[）非常感谢。哦..好的..那么我的回答帮助你解决了你的问题？