html - 如何使 box-shadow 的不透明度专用于阴影而不是 div

Question

这是我的代码

.navbar {
width: 100%;
height: 70px;
position: fixed;
background-color: white;
box-shadow: 0 0 1em #1d1d1d;    
}

每次我在这个下面运行一些东西，例如有背景颜色的东西阴影在它下面，其余内容也是如此。 我应该把它分层吗？

Answer 1

根据您的代码，这应该可行。我认为这里可能发生两件事:

1. 检查您是否将固定导航上方的元素的 z-index 设置为更大的值，或者您可以在 上设置 z-index 值。 navbar 看看是否有帮助。

2. 另一种可能性是您将与 .navbar 重叠的元素设置为 absolute。如果是这种情况，并且这是必要的，您可以将 .navbar 上的 z-index 设置为更大的值。

希望对您有所帮助。