HTMl , CSS Background image opacity isn't working

Question

This is the code the opacity isn't working help please.

<html>
<style>
body {
   z-index: -1;
   opacity: 20%;
}
</style>
<body>
<body class="my-container" style="background-image: url('https://i.ytimg.com/vi/3KNQfA21QyQ/maxresdefault.jpg');">

</body>
</html>

score 2 · Answer 1 · answered Mar 09 '17 at 21:53

2

Set opacity in range: 0 to 1, for eg. 0; 0.1; 0.2 .... 0.9; 1.

answered Mar 09 '17 at 21:53

andfra

163
11

still didnt work my-container { z-index: -1; opacity: 0.1; } – DaYroXy Mar 09 '17 at 22:08

score 0 · Answer 2 · edited Oct 31 '17 at 08:00

0

Opacity doesn't work on the body element.

Add a <div> child and use whatever you were using for the body inside that div. Instant fix.

edited Oct 31 '17 at 08:00

AMAN77

6,218
9
45
60

answered Oct 31 '17 at 07:24

Kiante Moore

1

HTMl , CSS Background image opacity isn't working

2 Answers2