在不透明的标头背景后面的文本

时间:2014-09-26 21:00:48

标签: html css

我想弄清楚如何将文字滚动到带有不透明背景的标题中,这样你就可以看到文字非常模糊了。我希望看到的是文本在标题后滚动但仍然显示。看起来像this的东西,但不是文字完全消失,我希望它背后是一个不透明的背景。我曾尝试使用opacity,但没有任何运气。在这个网站上还有其他一些问题,但似乎都没有回答这个问题。我也研究了一些自定义js框架之类的东西,但是还没有找到任何可行的东西。

总结一下我要问的是如何将文本滚动到我的标题但是在标题上具有不透明度,以便文本可见,但不可读。

1 个答案:

答案 0 :(得分:0)

尝试将标题背景更改为rgba(),如下所示:

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

请在此处查看:http://jsfiddle.net/gro6e22p/1/