Jak mogę zastosować efekt zanikania tekstu z przezroczystym do białego gradientem? [zamknięty] - html, css, css3, z-index, transparentność

Chciałbym stworzyć efekt, aby wyciszyć dół artykułów (podobnie jak w przypadku artykułów wsj.com). #transparent div z gradientowym tłem, które staje się mniej przejrzyste. Jednak tło nie ukrywa tekstu, więc białe tło nie wyświetla się. Jak mogę to naprawić, aby biały pokrywał tekst?

#translucent{
margin-top: -100px;
content: "";
height: 110px;
z-index: 2;
width: 100%;
positon: relative;
background: -webkit-linear-gradient(top, rgba(256,256,256,0) 0%,rgba(256,256,256,0.5) 90%,rgba(256,256,256,1) 100%);
}

<div>
<p>
The quick brown fox jumps over a lazy dog </p>
<p>
The quick brown fox jumps over a lazy dog </p>
<p>
</div>
<div id="translucent">
</div>

(Zmiana koloru na czarny daje efekt zanikania do czerni, ale chcę, aby tekst zanikł na biały).

Odpowiedzi:

Wygląda na to, że się zmienia positon: relative; do position: absolute; Rozwiązać problem.