Question

我正在为客户构建博客，但是，我希望将徽标和导航固定在页面顶部，因此实际上博客内容将在标题后面滚动。内容是否有可能淡出而不是简单地隐藏在标题后面？相关网站的链接位于http://chefpaulcrowe.com/blog/

任何反馈都将不胜感激。

谢谢你们！

Answer 1

你可以使用css3线性渐变来实现：

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

或者如果您需要支持旧浏览器，只需在背景上放置渐变图像：

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