Как сверстать подобный вертикальный градиент с прозрачностью?
при чем тут js и jquery?background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));
r - red
g - green
b - blue
a - alfa (непрозрачность от 1 до 0)
to top - снизу вверх от первого (прозрачного) ко второму (черному) цвету
подробнее тут: htmlbook.ru/css3-na-primerakh/lineinyi-gradient
Дык легко: jsfiddle.net/IonDen/s2s77wLk<div class="bg">
    <div class="grad"></div>
</div>.bg {
    position: relative;
    height: 100px;
    background: #f00;
}

.grad {
    position: absolute;
    top: 0; right: 0;
    bottom: 0; left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
Вместо красного фона - любую картинку.