Use o gradiente css sobre a imagem de fundo

Eu tenho tentado usar um gradiente linear na parte superior da minha imagem de plano de fundo para obter um efeito de desbotamento na parte inferior do meu plano de fundo, de preto para transparente, mas parece que não consigo mostrá-lo.

Eu li outros casos aqui e exemplos, mas nenhum deles está trabalhando para mim. Eu só posso ver o gradiente ou a imagem, mas não os dois. Aqui está oligação

Basta clicar no primeiro logo, ignorar esse efeito, o que estou tentando está no corpo em todo o site depois disso.

Este é o meu código css:

body {
  background: url('http://www.skrenta.com/images/stackoverflow.jpg') no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1)));
}

questionAnswers(4)

yourAnswerToTheQuestion