如何在var()指定的背景色下设置背景透明度？
在
css
中，通常使用 background-color: var(--xxx); 定义元素的背景色，其中 --xxx 是通过变量声明的颜色值。但是，当需要设置背景透明度时，却发现没有一个直接的属性可以实现。
解决方案：
根据不同情况，有多种方法可以实现：
使用rgba或hsla形式：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
使用十六进制色值：
十六进制色值可以通过添加双字节来表示透明度，如：
使用伪元素：
创建一个额外的伪元素，并使用 background-color 和 opacity 属性分别指定背景色和透明度：
注意事项：
opacity 和 filter: opacity() 会影响元素整体的透明度，而不是仅仅背景。
css中没有直接的 background-opacity 属性。
background-color: rgba(255, 0, 0, 0.6); // rgb形式
background-color: hsla(0, 100%, 50%, 0.6); // hsl形式background-color: #0996; // 等于rgba(9, 150, 0, 0.6)
background-color: #00999966; // 等于rgba(0, 153, 153, 0.4).container {
position: relative;
}
.container::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: black;
opacity: 0.6;
}