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/

score 1 · Accepted Answer

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

使用类似这样的东西和相应的CSS：

<h1>█&lt;/h1><h1 class="c1">█&lt;/h1>

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

1 回答 1