Primeiro coloque um tamanho no html
e body
para não ter problemas de resize.
Depois o Browser lê os CSS de Cima para Baixo, então primeiro você precisa declarar o Background (que é um "atalho" onde vc pode inserir vários atributos em uma só linha), depois os atributos dele.
background: url(http://placeskull.com/500/500);
background-position: center;
background-repeat: no-repeat;
etc...
Ou assim
background: url(http://placeskull.com/500/500) center no-repeat fixed / 100%;
Veja no Snippet
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
color: #000000;
font-family: 'Lato', sans-serif;
background: url(http://placeskull.com/500/500);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100%;
}
OBS: Devido a ordem de leitura do CSS pelo Browser se for usado algum "atalho" de classe como Borde ou Background podem ocorrer problemas. Principalmente se um atributo depender do outro para ser renderizado pelo Browser. Veja abaixo.
Por exemplo esse CSS não vai dar certo:
border-color: #f00;
border-style: dashed;
border: 2px;
Já assim vai funcionar:
border: 2px;
border-color: #f00;
border-style: dashed;