Czy możliwe jest stopniowanie krycia elementu HTML?

Chcę<div> element (cały element, zawartość i wszystko) zaniknie ku dołowi. Ma to na celu obcięcie wiadomości, która musi zmieścić się w bardzo ograniczonej przestrzeni (i może zawierać elementy o nieprzewidywalnych rozmiarach).

Wszystko, co udało mi się znaleźć, to użycie gradientu przezroczystości na kolor tła. Byłoby dobrze, gdyby nie to, że za postem wiadomości znajduje się obraz tła, więc nie mogę po prostu umieścić gradientu koloru na górze zawartości.

Umieściłem gradient obrazu nad treścią, ale tło przesuwa się za treścią, gdy użytkownik przewija.

Więc wyobraź sobie, że to istniało:

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

ukończenie aktualnegonieprzezroczystość elementu jest jedyną rzeczą, która zadziała. Czy to możliwe?

questionAnswers(6)

yourAnswerToTheQuestion