如何使用 CSS 赋予文本或图像透明背景？

在本文中，我们将了解如何使用 CSS 将文本或图像设置为透明背景，并通过示例了解其实现。 opacity 属性用于使用 CSS 设置图像或文本透明。 opacity 属性用于调整文字或图片的透明度。不透明度的值介于 0.0 到 1.0 之间，其中低值表示高透明度，高值表示低透明度。不透明度的百分比计算为 Opacity% = Opacity * 100。不透明度是内容隐藏在元素后面的程度。

句法：

element {
    opacity: value;
    // CSS property
}

示例 1：此示例通过将不透明度的值设置为 0.3 来将图像描述为透明。

HTML

输出：

示例 2：此示例使用不同的 rgba 颜色值将文本描述为透明。

HTML

  

    
    

  

    

        
Transparent Box
  
        

            
10% opacity
  
        
        

            
50% opacity
  
        
        

            
80% opacity
  
        
        

            
100% opacity
  
        
    
    

    

    

        
RGBA color values
  
        

            
10% opacity
  
        
        

            
50% opacity
  
        
        

            
80% opacity
  
        
        

            
100% opacity