如何在 CSS 中控制背景颜色不透明度而不影响文本不透明度？

在 CSS 中控制背景颜色不透明度

在 CSS 中，为 div 分配不透明度属性将同时影响背景和其中的文本。但是，可以在保持文本不透明度的同时修改背景颜色的不透明度。

使用 rgba() 函数

rgba() 函数可用于指定背景颜色及其控制不透明度的 Alpha 通道。语法如下：

background: rgba(R, G, B, A);

• R、G 和 B 代表颜色的红、绿、蓝值（整数或百分比）。
• A表示 Alpha 通道值，范围从 0（透明）到 1（不透明）。

对于示例：

background: rgba(51, 170, 51, 0.6);

此代码将背景颜色设置为半透明绿色，不透明度为 60%，而 div 内的文本将保持完全不透明。

浏览器支持

截至 2018 年，rgba() 语法在所有主要网络中得到广泛支持浏览器。

以上是如何在 CSS 中控制背景颜色不透明度而不影响文本不透明度？的详细内容。更多信息请关注PHP中文网其他相关文章！