小编典典

CSS的不透明度只能是背景色,而不是文字吗?[重复]

css

我可以将opacity属性分配给仅background属性div而不是其上的文本吗?

我试过了:

background: #CCC;
opacity: 0.6;

但这不会改变不透明度。


阅读 265

收藏
2020-05-16

共1个答案

小编典典

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

rgba(R, G, B, A)

R(红色),G(绿色)和B(蓝色)可以是<integer>s或<percentage>s,其中数字255对应于100%。a(α)可以是<number>0到1之间的a
<percentage>,也可以是a ,其中数字1对应于100%(完全不透明)。

RGBa示例

rgba(51, 170, 51, .1)    /*  10% opaque green */
rgba(51, 170, 51, .4)    /*  40% opaque green */
rgba(51, 170, 51, .7)    /*  70% opaque green */
rgba(51, 170, 51,  1)    /* full opaque green */
2020-05-16