📜  仅将不透明度设置为背景颜色,而不是 CSS 中的文本

📅  最后修改于: 2021-09-01 03:34:06             🧑  作者: Mango

图像中使用 opacity 属性来描述图像的透明度。不透明度的值介于 0.0 到 1.0 之间,其中低值代表高透明度,高值代表低透明度。不透明度的百分比计算为不透明度% = 不透明度* 100
仅将不透明度设置为背景而不是其中的文本。它可以通过使用 RGBA 颜色值而不是 opacity 属性来设置,因为使用 opacity 属性可以使其中的文本完全透明元素。

句法:

element {
    background: rgba(red, green, blue, alpha);
    // CSS property
}

每个参数(红色、绿色和蓝色)定义了 0 到 255 之间的颜色强度。RGBA 颜色值是 RGB 颜色值的扩展,带有指定颜色不透明度的 alpha 通道。 alpha 参数是一个介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。

例子:



    
        rgba property
        
    
    
        

GeeksforGeeks

        

Using RGBA color values:

        
            

This paragraph is shown at 10% opacity.

        
            

This paragraph is shown at 30% opacity.

        
            

This paragraph is shown at 60% opacity.

        

This is default.

                         

输出:
rgba