不透明的標題背景背後的文本

Question

我想弄清楚如何將我的文本滾動到我的標題與不透明的背景，所以你可以看到它的文本只是非常模糊。我希望這看起來是文字滾動後面的標題，但仍然顯示。看起來像this的東西，而不是文字完全消失，我希望它是在不透明的背景背後。我曾嘗試使用opacity，但沒有任何運氣。在這個網站上還有其他一些類似的問題，但似乎沒有人回答這個問題。我也研究過一些自定義的js框架，但一直沒能找到任何可行的東西。

總結我所問的是如何讓文本滾動瀏覽我的頁眉，但是頁眉上有一個不透明的文字，以便文本可見但不可讀。

Answer 1

嘗試改變頭背景RGBA（），像這樣：

header{ 
    background : rgba(255,255,255,0.5);  /* white background with 50% opacity */ 
} 

看看這裏：http://jsfiddle.net/gro6e22p/1/