CSS opacity 只给背景色，不给文字就可以了？

小编典典

CSS opacity 只给背景色，不给文字就可以了？

all

我可以将opacity属性分配给backgrounda divonly 的属性而不是其上的文本吗？

我试过了：

background: #CCC;
opacity: 0.6;

但这不会改变不透明度。

阅读 241

2022-03-01

共1个答案

小编典典

听起来您想使用透明背景，在这种情况下，您可以尝试使用该rgba()功能：

rgba(R, G, B, A)

R（红色）、G（绿色）和 B（蓝色）可以是<integer>s 或<percentage>s，其中数字 255 对应于 100%。A
(alpha) 可以是<number>介于 0 和 1 之间的 a 或 a <percentage>，其中数字 1 对应于
100%（完全不透明度）。

RGB 示例
background: rgba(51, 170, 51, .1)    /*  10% opaque green */
background: rgba(51, 170, 51, .4)    /*  40% opaque green */
background: rgba(51, 170, 51, .7)    /*  70% opaque green */
background: rgba(51, 170, 51,  1)    /* full opaque green */

一个小例子展示了如何rgba使用。

截至 2018 年，几乎 所有浏览器都支持rgba语法.

2022-03-01