Html z索引和不透明度的正确定位

我将链接嵌套在两个绝对div中，如下所示：

第一个div（leftPostHolder）为黑色背景，第二个div（leftPost）为红色，当第二个div悬停时，其不透明度设置为0.5，链接背景设置为白色。现在我希望链接位于这两个div的上方，这样就不会对其应用变暗效果，而只会应用于第二个红色背景的div。与它的背景链接不应该与不透明的暗效果叠加。 如何在这两个元素之上设置链接？我尝试使用z-index并定位该链接，但没有成功。

---

完整代码在这里：

这不是一个

z-index

问题。 您的

a

-标记是

leftPost

的子标记，这意味着它将继承不透明度。更改Z索引不会改变这一点

您的问题的解决方案是移动

a

-元素，使其不是

leftPost

或

将不透明度放置在不是链接父元素的元素上

示例：

$（“.leftPost”）.hover（函数（）{
$（“.leftPost a”）.toggleClass（“aHover”）；
});
.container{
-webkit变换：旋转（2deg）；
-moz变换：旋转（2deg）；
-o变换：旋转（2deg）；
-ms变换：旋转（2deg）；
变换：旋转（2deg）；
-webkit变换原点：左中心；
-moz变换原点：左中心；
-o变换原点：左中心；
-ms变换原点：左中心；
变换原点：左中心；
}
.leftPostHolder{
背景色：#000；
位置：绝对位置；
宽度：30%；
高度：100px；
溢出：隐藏；
-webkit背面可见性：隐藏；
}
.左舷{
宽度：100%；
位置：绝对位置；
背景位置：中心；
背景尺寸：封面；
身高：100%；
-webkit转换持续时间：.2s；
过渡持续时间：.2s；
显示：表格；
z指数：2；
}
.leftPost:悬停{
转换：标度（1.05）；
-ms变换：标度（1.05）；
-mos变换：比例（1.05）；
-webkit转换：规模（1.05）；
变换原点：顶部中心；
-ms变换原点：中心；
-mos变换原点：中心；
-webkit变换原点：中心；
}
.opacityDiv{
宽度：100%；
位置：绝对位置；
背景位置：中心；
背景尺寸：封面；
身高：100%；
-webkit转换持续时间：.2s；
过渡持续时间：.2s；
显示：表格；
z指数：1；
}
.leftPost:悬停+.opacityDiv{
不透明度：0.5；
}
.左柱h3{
身高：100%；
显示：表格单元格；
垂直对齐：中间对齐；
}
.LeftPostA{
颜色：透明；
文本对齐：居中；
填充：10px；
显示：块；
}
阿霍弗先生{
颜色：#4545！重要；
变换：旋转（-2deg）；
背景色：#fff；
}

那么，背面地面上的鼠标会变成红色，上面有链接？我的理解正确吗？@Dreamweaver悬停不透明度在第二个div和link上设置为0.5。我希望它只在第二个div上显示，这样链接就可以清晰地显示出来，而不会出现来自不透明的覆盖。从第二个div中删除不透明后，链接就会清晰地显示出来。因为a是子对象，所以它从父对象继承。我们可以使用position-absolute将其放在外侧，使用jquery将其放在div顶部。@Dreamweaver是的，我知道，但我希望css中有一个快速的解决方法
<div class="container">
    <div class="leftPostHolder">
        <div class="leftPost">
            <h3><a href="#">link</a></h3>
        </div>
    </div>
</div>