я хочу<div> элемент (весь элемент, содержимое и все остальное), чтобы исчезнуть к основанию. Это означает усечение новостной записи, которая должна вписываться в очень ограниченное пространство (и может содержать элементы непредсказуемого размера).

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

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

Итак, представьте, что это существовало:

opacity: -webkit-linear-gradient( ... );

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