📌  相关文章
📜  如何在 CSS 中设置背景图像的不透明度?

📅  最后修改于: 2021-09-01 02:30:43             🧑  作者: Mango

在本文中,我们将看到如何在 CSS 中设置背景图像的不透明度。不透明度可以定义为缺乏透明度的质量。它可用于定义可见的内容量。

方法:我们可以使用CSS 中的 opacity 属性来改变元素的不透明度。该属性的值可以设置在 0 到 1 的范围内,其中“0”表示完全透明,“1”表示不透明。可以在两者之间使用任何十进制值来相应地设置不透明度。

句法:

opacity: value;

示例:在本示例中,我们将为

设置背景图像,并使用 opacity 属性设置该图像的不透明度。不透明度设置为 0.2,以便背景透明且图像顶部的文本清晰可见。

HTML


  

    
        How to change opacity of
        background image in CSS ?
    
  
    

  

    
        

Background image with opacity

    
  


输出: