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

Question

我遇到一个问题，当我使用边框半径结合 rgba 值颜色（例如 rgba(255,255,255,.8)，然后使用 abox-shadow使盒子看起来羽化）时，我遇到的问题是角不是实心的，如图所示。

左上角细节：

可以看出，当 border-radius 设置到位时，将边框半径与其他 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

改变这些：

  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;