列表但不是文本的CSS 3不透明度[重复]

Posted 2023-03-06

【中文标题】列表但不是文本的CSS 3不透明度[重复]

【英文标题】：CSS 3 Opacity for List but not text [duplicate]

【发布时间】：2012-07-23 01:32:57

【问题描述】：

可能重复：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;

如何让链接文字呈现白色？

【问题讨论】：

见：***.com/questions/637921/…

如果有帮助，我不需要旧版浏览器支持。

【参考方案1】：

您必须使用另一种方式来设置您的颜色，例如 rgba，如下所示：

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

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

【参考方案2】：

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

http://www.css3.info/introduction-opacity-rgba/

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