Я пытался использовать линейный градиент поверх моего фонового изображения, чтобы получить эффект затухания нижней части моего фона от черного до прозрачного, но, похоже, я не смог его показать.

Я читал другие случаи здесь и примеры, но ни один из них не работает для меня. Я могу видеть только градиент или изображение, но не оба из них. Вотссылка

Просто нажмите на первый логотип, не обращайте внимания на тот эффект, который я пытаюсь найти в теле всего сайта после этого.

Это мой код 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)));
}