css - 具有指定不透明度的字符交集的不同渲染

Question

我刚刚注意到 Chrome 中带有负 letter-spacing 的半透明文本的奇怪行为。基本上，这个 CSS 会导致更暗的交叉点:

div {
  opacity: .5;
  letter-spacing: -.2em;
}

截图如下:

是否有任何 CSS 指令来处理此问题，以便交叉点在不同的浏览器中看起来相同？屏幕截图是在 Win Chrome 76.0.3809.100(64 位)中制作的

fiddle → https://jsfiddle.net/yakunins/gcatnksh/

Answer 1

看起来更像是 Chrome 中的错误 — https://bugs.chromium.org/p/chromium/issues/detail?id=1006140