如何在元素的末尾淡出div的內容？

我有一個div東西在它的背景漸變頁面。現在
朝着正確的，我想淡出該div出來的背景：如何在元素的末尾淡出div的內容？

enter image description here

我一直在使用背景漸變嘗試，但那些文字背後。基本上我需要的是一個屬性，我可以用另一個漸變填充。

如何在不需要使用canvas和JavaScript的情況下實現此目的？

2013-05-06 Cobra_Fast

我已經在這裏回答了http://stackoverflow.com/questions/15722975/fade-text-near-end-of-div – 2013-05-06 11:00:32

@ Mr.Alien您的方法不會是梯度問題嗎？ – 2013-05-06 11:03:33

如果你已經有一個背景漸變，並且你正在使用我的漸變比yes yes – 2013-05-06 11:09:37

我建議創建一個透明的.png圖像，並通過創建一個具有絕對定位的類將其作爲背景用於文本div的頂部。

.transparent {background: url("xxxxxx.png") repeat-y 0 0 transparent; position:absolute; top:0; right:0; z-index:1;}

希望這會有所幫助。

2013-05-06 10:57:00 Nitesh

這個div應該在文本的頂部div！ – SPRBRN 2013-05-06 10:58:26

是的。它應該在文本之上。 - @ rxt – Nitesh 2013-05-06 11:00:21

絕對位於原始div頂部的單獨DIV中的透明（rgba）漸變應該可以實現。

警告：絕對定位可能不可行，取決於您的佈局。

2013-05-06 10:44:40

回答