本篇文章给大家带来的内容是关于css如何使用opacity属性给背景图片加透明度（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

css 中无法直接给背景图片加 opacity 属性，可以使用下面的方法绕过这个限制：

p {  width: 200px;    height: 200px;    display: block;    position: relative;  }p::after {  content: "";    background: url(image.jpg);    opacity: 0.5;    top: 0;    left: 0;    bottom: 0;    right: 0;    position: absolute;    z-index: -1;   }

相关推荐：

CSS透明opacity和IE各版本透明度滤镜filter的最准确用法

利用CSS3的opacity属性设置透明效果的用法介绍