有啥方法可以让文本阴影不显示在文本后面？

Posted 2023-03-06

【中文标题】有啥方法可以让文本阴影不显示在文本后面？

【英文标题】：Any way to have text-shadow that doesn't show through behind text?有什么方法可以让文本阴影不显示在文本后面？

【发布时间】：2013-02-12 05:54:19

【问题描述】：

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

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/

【参考方案1】：

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

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

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

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

【讨论】：

这个问题是透明项目后面的内容应该部分显示出来......只要有阴影就会干扰它。

哦，我明白了...我会尝试为您的问题找到解决方案，但我想我从未见过像那个伙伴这样的东西:(