Usa gradiente css sobre la imagen de fondo

He estado tratando de usar un degradado lineal en la parte superior de mi imagen de fondo para obtener un efecto de atenuación en la parte inferior de mi fondo de negro a transparente, pero parece que no puedo mostrarlo.

He leído otros casos y ejemplos aquí, pero ninguno de ellos funciona para mí. Solo puedo ver el gradiente o la imagen pero no ambos. Aquí esta laenlazar

Simplemente haga clic en el primer logotipo, ignore ese efecto, lo que estoy intentando es en el cuerpo en todo el sitio después de eso.

Este es mi 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)));
}

Respuestas a la pregunta(4)

Su respuesta a la pregunta