css - rgba 字母周围的奇怪轮廓

Question

我在深色背景上为字母添加了 rgba 颜色，并且在 Chrome (67) 中它周围有一个非常小的白色轮廓。我强加了一个 outline: none 但没有任何改变。

body {
 background: #575354;
}

span.letter-back{
  top:-40px;
  z-index: 1;

  color:rgba(237, 28, 36, 0.3);
  font-size:300px;
  font-weight:900;
  font-family: sans-serif;

  outline:none !important;
}

<span class="letter-back">B</span>

有什么想法吗？谢谢!

Answer 1

尝试使用 rgb 定义颜色并将不透明度设置为 .3

span.letter-back {
 color:rgb(237, 28, 36);
 opacity: .3;
}

它的渲染方式不同于 RGBA。