How to change opacity of body background-image in css?

Question

help

Answer 1

anni why not try an <IMG> tag and set its opacity and give the IMG the widths and heights of the body so it looks a background IMG?

Answer 2

body{
opacity:0.5;
background-image:URL("my image");
}

Answer 3

Try googling it or something!

Answer 4

hmm anni I'm not too good with html,im really sorry!

Answer 5

I believe it would be :

body {
background-color: red;
opacity: 0.5;
}

or try:

body {
background-color: rgb (0, 0, 0);
background-color: rgba (0, 0, 0, 0.5);
}

Answer 6

oh you said image :/

Answer 7

In stack overflow they say the easiest way is to use an image editor to make an image transparent and then add it into your code, otherwise you need to figure out how to target the child element without affecting the parent element or sibling elements. they suggest the photo editor called Gimp.

Answer 8

@Brains Thanx for your ans but it is not working.
i tried it before but it changes opacity of whole elements in html page but doesn't change the opacity of body back-ground image.

Answer 9

Maybe it SHOULDN'T be possible to do? What's behind the background anyway??? By definition the background is the BACK image - there's litteraly nothing behind it. If it didn't have 100% opacity, there should be something behind it

Answer 10

You could use linear-gradient with background image, linear gradient would make a layer of color toward the background image.

background-image: linear-gradient(to bottom, rgba(255,255,255,.5), rgba(255,255,255,.5)), url(image.jpg);

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

Answer 11

I think Michael is rite and logic of Augustinas is also true.

Answer 12

Anybody wants to help to plzz resolve this

Answer 13

According to me it is not possible in css to change opacity of body background image

Answer 14

Or I might be wrong

Answer 15

I m trying since morning 😀 but found nothing.