CSS: Semi-transparent background and an image

Question

body {
  background-image: url(\'cloud.png\');
  background-color: rgba(255, 255, 255, 0.6);
}

I tried using the above to produce a semi-transparen

Answer 1

background-color is placed underneath background-image, not above it (when rendered in the web-browser). To put a semi-transparent white block over an image, you will need to place another different HTML element on top of it with background-color.