Css 使用rgba值时出现抗锯齿边界半径问题

我遇到了一个问题，当我将边框半径与rgba值的颜色组合使用时，比如说

rgba（255255255.8）

，然后使用

框阴影

使框看起来有羽毛，我得到了一个问题，即角点不像在这张图中看到的那样坚实

左上角的详细信息：

可以看出，当使用border radius与其他CSS元素结合使用时，当border radius设置到位时，它会生成一条奇怪的透明边

我已经尝试了很多次，但没有取得多大成功，下面是一个代码尝试，因为我想在另一个项目中尝试，但只是在这里复制它：

代码本身可以应用于任何对象，因此似乎解析为相同的结果：

  background:rgba(0,0,0,.8);
  box-shadow:0 0 15px 30px rgba(0,0,0,.8);
  border-radius:60px;

有人知道这是否可以解决吗

提前感谢您提供更多信息。

更改这些：

  background:rgba(0,0,0,.8);
    box-shadow:0 0 15px 30px rgba(0,0,0,.8);

对这些：

   background-color: #000;
   box-shadow:0 0 15px 30px #000;
   opacity : 0.8;

---

可以使用模糊过滤器执行相同的操作。将其应用于伪元素以不影响任何潜在内容

正文{
背景：#f00；
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：100vw；
高度：100vh；
填充：0；
保证金：0；
}
.盒子{
宽度：500px；
高度：200px；
边界半径：60px；
位置：相对位置；
}
.盒子：以前{
内容：“；
位置：绝对位置；
顶部：-10px；
左：-10px；
右：-10px；
底部：-10px；
背景：rgba（0,0,0,8）；
边界半径：继承；
过滤器：模糊（10px）；
}

---

最终结果是什么？您可以强制边框与背景完全一致

边框：实心1px rgba（0,0,0,0.8）-@Luis P.A.这是我的第一个想法，但当我使用不透明度时，它将是其余元素顶部的一个边框，这将导致元素有一个较暗的边框，因为它只出现在角落，而不是div周围的整个边框，它将加起来，从而使它看起来不正确。啊，似乎就是这样！为什么它在组合语法中不起作用？在回答之前，您应该检查它是否起作用。FF+中的相同问题，任何内容的不透明度也将为0.8。我不知道这会让事情变得更糟。谢谢你提出这个问题，老实说，我没有答案，但我建议你编写可靠的代码来避免这些问题，但要避免跨浏览器兼容性问题。@Hammed这没有帮助，这个示例只是为了展示这个问题，我不能在那个div中使用不透明度，因为它也会应用于div中的所有内容，对于我的用例，它会在其中写入文本或图片，这样也会减少不透明度，这不是我想要的。我可以利用解决不透明性和内容的方法，但这并不是这里真正的问题。我解决了他描述的示例，明天我将添加一个替代解决方案。有趣的概念，如果内容之前和之后都没有。因此，虽然这可能是一个替代解决方案，但我仍然想知道，如果有，这个渲染问题如何解决。@RafaëlDeJongh我也很想看到任何潜在的解决方案，但恐怕没有人。您仍然可以分享您正在使用伪元素的真实用例，我可能会找到一个解决方案来重新考虑整个代码