html - How properly set background opacity in one line in style of body? -


how set background opacity next:

<body style="background-image: url(images/background.jpg); background-color: white;  background-position: center center; background-size: 100%;   background-repeat: no-repeat"> 

i try with:

background-opacity: 0.5; 

but fail.

it should like:

background-image: url(images/background.jpg) opacity: 0.5; 

even,

opacity: .4; 

doesn't affect on image, affect on text , whole of body.

solutions div doesn't accepted.

my web page: http://shell.bshellz.net/~panzerdivision/

browsers: firefox & chrome

using opacity property, changes opacity of element itself.

to have transparent background-color use rgba() background color instead:

background-color: rgba(255, 255, 255, .5); 

or in short-hand:

background: rgba(255, 255, 255, .5) url(path/to/transparent/background.png) center center no-repeat; 

but if need have transparent background image, image should transparent itself.

by way, here solution give opacity background-image i'm not sure whether or not useful in case.


Comments

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -