绝对定位div上的Box-shadow不会降级

Question

我的问题很简单，我有一个绝对定位的div，它的box-shadow rgba颜色没有降级，看起来很丑。当我将 div 位置设置为相对位置时，盒子阴影会正常渲染。 20 年来我制作了非常简单的网站，但我从未遇到过此类问题。我试着花一个小时找到答案（我觉得自己太愚蠢了），但在互联网上我没有找到这么简单的问题，它们更复杂。有人知道它是什么吗？我使用 Firefox v.132.0.2（64 位）

Answer 1

您必须共享代码，以便我们可以对其进行更改，但尝试一下，希望它能解决您的问题。

.container {
    position: relative;
    width: 500px;
    height: 500px;
    background-color: lightgray;
  }

  .absolute-box {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 200px;
    height: 100px;
    background-color: #3498db;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
    z-index: 10; /* Ensure it is above other elements */
  }

<div class="container">
  <div class="absolute-box">
  </div>
</div>