css怎么使用opacity属性给背景图片加透明度

这篇文章将为大家详细讲解有关CSS怎么使用opacity属性给背景图片加透明度，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

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

　　div{

　　width:200px;

　　height:200px;

　　display:block;

　　position:relative;

　　}

　　div::after{

　　content:"";

　　background:url(image.jpg);

　　opacity:0.5;

　　top:0;

　　left:0;

　　bottom:0;

　　right:0;

　　position:absolute;

　　z-index:-1;

　　}

关于“css怎么使用opacity属性给背景图片加透明度”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。