在 CSS 中，使用box-shadow给元素添加阴影效果时，默认情况下，阴影是位于元素的底部，即元素上方覆盖阴影。但是，如果你想要让阴影效果处于最上层，可以通过一些技巧来实现。

一种简单的方法是使用::before或::after伪元素来创建一个在元素上方的叠加层，并给这个伪元素设置阴影。这样，伪元素的阴影就会在元素的阴影之上显示。

下面是一个示例代码：

<div class="box">Box with shadow</div>

css:

.box {
  position: relative;
  width: 200px;
  height: 100px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
}
.box::before {
  content: "";
  position: absolute;
  top: -5px; /* 调整伪元素位置以便显示阴影 */
  left: -5px; /* 调整伪元素位置以便显示阴影 */
  width: 100%;
  height: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 这里设置伪元素的阴影效果 */
  z-index: 1; /* 确保伪元素处于元素之上 */
}

在这个例子中，我们使用::before伪元素创建了一个叠加层，并给它设置了阴影。通过调整伪元素的top和left属性，我们可以将伪元素定位到覆盖在元素上方。最后，使用z-index属性确保伪元素处于元素之上，这样伪元素的阴影就会覆盖在元素的阴影之上。

通过类似的方式，你也可以使用::after伪元素来实现相同的效果。只要调整好定位和z-index即可。