css：css样式背景图片设置透明度 css如何设置背景图片的透明度

1. 了解css如何设置背景图片的透明度

注意：

css中无法直接给背景图片加 opacity 属性，可以使用下面的方法来给background-image加上我们想要的透明度opacity。

2. 首先给大家简单介绍一下透明度opacity这个属性：

属性介绍：

opacity 属性设置元素的不透明级别。

语法：opacity: value | inherit;

属性值：

value 规定不透明度。【从 0 (完全透明)到 1(完全不透明)】

inherit 应该从父元素继承 opacity 属性的值。

代码例子：

div::after { // div是你需要添加背景图片的盒子content: "";background-image: url(imgPath); // 背景图片的路径opacity: 0.5;position: absolute; top: 0;left: 0;bottom: 0;right: 0;}