HTML CSS滾動模糊

爲我的客戶建立一個博客，但是，我希望將徽標和導航固定在頁面的頂部，因此實際上博客內容將滾動到標題後面。內容是否可能淡出而不是簡單地隱藏在標題後面？鏈接到有問題的網站在這裏，http://chefpaulcrowe.com/blog/HTML CSS滾動模糊

任何反饋，將不勝感激。

謝謝你們！

請不要不鏈接到您的網站。請閱讀：http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it –

我很抱歉，我會粘貼代碼，而不是@Diodeus –

您可以使用CSS3線性梯度做到這一點：

background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));

，或者如果你需要爲舊版瀏覽器的支持只是把背景漸變圖片：

background: url(path/to/the/gradient/image.png)

2013-12-12 21:15:24 claustrofob

感謝@claustrofob這裏的東西，我希望內容淡出背後的圖像，並作爲此圖像使用響應的背景大小：封面;一段代碼它將很難使用背景的「漸變」疊加，是否有一種方法使用線性漸變效果的不透明方法，你知道嗎？再次感謝 –

回答