在 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即可。