Question

可能重复：
Opacity of background, but not the text

我有一个HTML无序列表。我需要背景的不透明度为“0.3”。但我不希望将此不透明度应用于文本。这是我目前的CSS;它将文本渲染为不透明度为0.3：

li {
    background-color:pink;
    opacity: 0.3;
}

a {
    color: white;
    opacity: 1.0;
}

如何使链接文本呈现白色？

Answer 1

您必须使用其他方式将颜色设置为rgba，如下所示：

li { background-color: rgba(0,0,0,.3); }

您还需要摆脱不透明度属性/值。顺便说一下，css粉红色的rgb值是：250,192,203，所以：rgba（250,192,203，.3）;

Answer 2

这就是你需要我的朋友！

你不能像这样使用不透明......它会被继承，并且在过去的几年里对开发人员来说非常烦人。