CSS - Prevent background image from moving when zooming out

Question

Below is my code for my situation.

Currently the background image just gets smaller as I scroll out. I don't want it to repeat; I just want it to stay in place as I scroll out.

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background: url("/img/background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: hidden;
}

Answer 1

You may need background-size:cover in the body