How would I do to set the opacity of a background image defined for the body part of a form without affecting other elements on that form ?
I tried several settings through my css stylesheet, but I can"t find a way around, everything on that form is rendered opaque.
Here's where I am so far
- Code: Select all
body.bkgrd{
background-image: url("media:///myimage.jpg");
background-color: grey;
background-color : rgba(1,1,1,0.1);
opacity: 0.4;
background-repeat:no-repeat;
background-position: center;
background-size: cover;
}
Thanks