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

Question

[我遇到一个问题，当我将边界半径与rgba值的颜色结合使用时，比如说rgba(255,255,255,.8)，然后使用box-shadow有点使盒子看起来像羽毛一样，我遇到了边角不牢固的问题如这张图片所示。

左上角的详细信息：

可以看出，当将边界半径与其他CSS元素结合使用时，当设置了边界半径时，其边缘将形成怪异的透明边缘。

我已经尝试了很多，但是没有成功，这是一个代码尝试，因为我想尝试另一个项目，但是只是在这里复制了它：https://jsfiddle.net/01u7gbxa/1/

代码本身可以应用于任何对象，因此看起来可以解决相同的结果：

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

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

感谢您提供更多信息。

Answer 1

更改此技术