html - 列表但不是文本的 CSS 3 不透明度

Question

可能重复：
背景不透明，但文本不透明

我有一个 HTML 无序列表。我需要背景的不透明度为“0.3”。但我不希望将这种不透明度应用于文本。这是我当前的 CSS；它使文本的不透明度也为 0.3：

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

a {
    color: white;
    opacity: 1.0;
}

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

score 4 · Accepted Answer

您将不得不使用另一种方式来设置您的颜色，如 rgba，如下所示：

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

您还需要摆脱 opacity 属性/值。顺便说一句，css 粉色的 rgb 值为：250,192,203，因此：rgba(250,192,203,.3)；

score 0 · Accepted Answer

这就是你需要的我的朋友！

你不能像那样使用不透明度......它会被继承，并且多年来一直对开发人员非常烦人。

2 回答 2