2012-12-13 59 views
0

我在這裏是新的,所以原諒,如果任何聲音非常noobish。div與梯度文本淡出 - 溢出汽車

我正忙於製作個人網站,並在包裝​​,內容div和sidepane div中包含兩個div。它們的高度設置爲99%,並且它們在自動上溢出。我希望頁面不滾動(除非它們使屏幕變小),但div必須滾動。

問題:我希望div的底部文本消失,以便當您向下滾動div時,文本會正常顯示。 我可以使用漸變圖像或只是CSS,如果有人可以帶領我在正確的方向。我正在努力解決這個溢出問題。我想知道如何才能將漸變保持在div底部的絕對位置,但現在它不在div的底部,如果你明白我的意思?因爲div有溢出。我希望它在div的位置在屏幕上結束,但不是文本結束的位置。我試圖把我的代碼在

這裏是一個事先知情同意

Picture for question

如果選中正確的div,我想底部褪去併爲我滾動漸變的底部在那裏停留。 (這實際上並不是div的底部) - 也需要能夠調整頁面大小,並保持在相同的位置。

回答

0

的關鍵是background-position: fixed;

我創建了一個小搗鼓你明白我的意思:Click me 我只是希望我理解正確的問題,而無需任何代碼,只是一個屏幕截圖)

而且對於CSS漸變see here

+0

是的!完善!非常感謝!哈哈抱歉沒有發佈代碼。關於這個背景的唯一的事情是,它不會將文本消除掉 –

+0

我可以使用一個漸變圖像來覆蓋文本的固定位置嗎? –

+0

打勾的答案,我會告訴你:p –