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;}