opacity - 有什么方法可以使文本阴影不显示在文本后面？

Question

我想要有阴影/发光的文本，但问题是文本本身是稍微透明的，阴影从它后面显示出来，给文本着色。

color: rgba(226,229,226,0.88);
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: #9c9c9c;
text-shadow: 0px 1px 29px #333;

是否有任何 CSS 方法可以实现此目的？ box-shadow 似乎不会影响转换阴影的稍微透明的元素的颜色，因此这种行为是不一致的(尤其是当您希望文本具有与框相同的外观时)。

这里有一个 jsfiddle 来解释我在说什么:http://jsfiddle.net/cutcopypaste/KzxrK/

Answer 1

您可以在文本后面添加完全相同的文本，背景颜色相同，大小和形状相同。

使用这样的东西和相应的 CSS:

<h1>█</h1><h1 class="c1">█</h1>

编辑:如此处所示，您编辑的 jsfiddle http://jsfiddle.net/KzxrK/2/