时间戳

首页 > 解决方案 > 仅在透明标题的顶部添加渐变颜色？

css - 仅在透明标题的顶部添加渐变颜色？

问题描述

我想使主页标题的顶部变暗。

这是一个例子：www.reachlocal.com

您会注意到，只有 % 的顶部顶部更暗，因此他们的导航菜单更加突出。

我搜索了整个谷歌试图找到渐变顶部标题覆盖/不透明度/等。为此的 css。我只想将此应用于我的主页。有没有大佬可以帮帮我？

麦克风

标签： cssheader

解决方案

这对初学者来说有点困难，我需要你的代码来帮助你，但这里有一个提示：

您可以使用伪类 ::before 这是一个示例：

  .navtop::before{
              position: absolute;
               content:"";
               height:100px;
              width:100%;
              top:0;
              left:0;
              background: linear-gradient(rgba(0,0,0,1), 
                                      rgba(0,0,0,0));
              Z-index:-1;
               }

现在应该为您的导航显示一个深色/透明背景，只需使用您的类而不是 .navtop

编辑：我忘了添加位置：绝对

推荐阅读