Shulou(Shulou.com)06/01 Report--

This article will explain in detail how CSS uses opacity attribute to add transparency to background images. Xiaobian thinks it is quite practical, so share it with you as a reference. I hope you can gain something after reading this article.

CSS cannot directly add opacity to background images, you can use the following methods to bypass this limitation:

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;

}

About "css how to use opacity attribute to add transparency to background images" this article is shared here, I hope the above content can be of some help to everyone, so that you can learn more knowledge, if you think the article is good, please share it to let more people see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.