Image opacity problem 😥

Question

Hey

.div{
width:100%;
height:100vh;

background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSYkraKMg7S1KIMbdjOUFlBVH8n8nvG5DOUVg&usqp=CAU);
}

I only want to change the opacity of image but instead it changes the opacity of whole div how to do it ???

Answer 1

Select only the image of d div in the css and use opacity
Example

div > img {
Opacity:...;
}

Answer 2

Perhaps what you can do is to have an image element in the div element, and then make sure that the image element completely covers the div element. Then, apply the opacity parameter to it.

Answer 3

👑 Prometheus 🇸🇬 can you write the code please

Answer 4

Put a img tag into your div.
Then style the img.