在本文中,我们将看到如何在 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
输出: