如何使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的元素。如果是这种情况，这是必要的，您可以将z-index上的.navbar设置为更大的值。

希望有所帮助。