how to apply background image opacity?

Question

i want to make background lighter.

Answer 1

.class {
opacity: 0.6;
}

Answer 2

.class {
position: relative;
background: #5C97FF;
overflow: hidden;
}

/* You could use :after - it doesn't really matter */
.class:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.6;
background-image: url('images/background.png');
background-repeat: no-repeat;
background-position: 50% 0;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}

Answer 3

jack i tried as u said n d result is whole elements are affected

Answer 4

To solve the problem try rgba system it awesome in css3 or you go search it on w3 school am sure you will find that you are looking for as you can use it to affect only the part that u need to not like opacity which affects everything at once.

Answer 5

To solve the problem try rgba system it awesome in css3 or you go search it on w3 school am sure you will find that you are looking for as you can use it to affect only the part that u need to not like opacity which affects everything at once.

Answer 6

opacity tag.
default value is 1
you can detract and increase.

Answer 7

ty driss

Answer 8

the same thing happen to me?

Answer 9

I be try many time but I could nt

Answer 10

need some one to get deep into this css3 finding it a bit had to understand

Answer 11

try opacity property
elements {
opacity:numeric value from 0 to 1.
}

Answer 12

Rupali do it as

background: rgb(255,255,0,0.6);

There is another way..

<div class="backgroundimg">
</div>
<style>
.backgroundimg
{
position: absolute;
background-image: -webkit-linear
-webkit-linear-gradient( 0deg

}
</style>
Hope This one will help you..

Answer 13

https://code.sololearn.com/W2fzI2WhflM6/?ref=app

your background tag shouldn't wrap other elements tag . it will be effects by opacity

to prevent other elements effects by opacity, put your background elements tag out of body tag