当白色css文本不透明度低于1时，会出现恼人的重叠

Question

当CSS中的不透明度低于1时，我的白色文本会发生这种非常烦人的重叠。这不是主要的，但它非常分散注意力，我想知道如何解决这个问题，以便它没有这个奇怪的叠加层。救命？

Answer 1

使用letter-spacing属性将字母分散开来：

p
{    
    letter-spacing: 50px;
}

JSFiddle

Answer 2

实际上只有一种方法可以做到这一点。您需要使用像烟花或photoshop这样的程序，并将文本转换为具有透明背景的纯白色.png图像。然后字母将是一种纯色，您可以在将它放入div后将不透明度值添加到实际图像中。这将消除重叠的问题。这是一个颜色相反的例子。玩弄不透明度，你会发现它有效。 http://jsfiddle.net/eteryrr4/1/

.transparent img {
    opacity:.5;
}