如何使 Div 的背景不透明而不影响其文本？

CSS 不透明度仅适用于背景颜色，而不适用于文本

问题：

是否可以设置不透明度属性专门用于div的背景，不影响其中的文本

初始尝试：

尝试了以下代码：

但是，此方法无法修改对象的不透明度背景。

解决方案：

要创建透明背景而不影响文本，请考虑使用 rgba() 函数：

rgba() 函数语法：

• R、G、B: 代表红色、绿色和蓝色值的整数或百分比。
• A: 0 到 1 之间的 Alpha 值或百分比，其中 1 代表完整不透明度。

示例：

此代码创建一个 40% 不透明的绿色背景。

浏览器兼容性：

如2018 年，几乎所有现代浏览器都支持 rgba() 语法。

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