css - 我如何在我的标题下创建一个 boxshadow？

Question

我正在尝试为标题下方创建一个类似于 https://github.com/RaghavMangrola/the-brighton-times 上的框阴影元素模型。

我已经尝试添加属性和值

.header { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); }

但是我没有成功让盒子阴影出现。
谁能告诉我我做错了什么？ https://gist.github.com/webdevchris/dd10c3e0c585ad94edb0eef793a092c5非常感谢您的建议。谢谢你! :)

Answer 1

你的影子在你的航海中。

如果去掉.topnav的背景色

.topnav {
    overflow: hidden;
   // background-color: #333;
    width: 100%;
}

你会明白我的意思。你的影子实际上就在那里，在它的地方(.header 类)

您可能想这样使用它吗？

.topnav {
  overflow: hidden;
  background-color: #333;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}