文本阴影与具有透明度的字体颜色相同

Question

我在我的网站上使用了很多颜色，我想将文本阴影应用于所有文本，但我希望它具有透明度

现在我使用以下代码来做到这一点

代码 ：

body{
    text-shadow: transparent 0 0 0, rgba(0,0,0, 0.75) 0 0 0.001px;
}

但它应用黑色和透明度，例如，如果颜色是红色，所以我想要带有透明度的文本阴影红色。

任何帮助将不胜感激..谢谢..

Answer 1

在纯 CSS 中，没有办法让颜色值引用具有任意 alpha 值的现有颜色值。 您可以获得的最接近的是currentColor （ text-shadow已用作默认颜色），但currentColor采用现有的 alpha 值，并且不允许您指定自定义 alpha 值。

您将需要在文本阴影中再次指定颜色值，所以如果它是红色的：

text-shadow: rgba(255, 0, 0, 0) 0 0 0, rgba(255, 0, 0, 0.75) 0 0 0.001px;

（我避免使用transparent关键字，因为已知某些浏览器会使用transparent错误地插入渐变。）

Answer 2

我为我的解决方案编写了小的 jQuery 函数

$("p").each(function() {
    textShadow = $(this).css("color").replace(')', ', 0.75)').replace('rgb', 'rgba');
    $(this).css('text-shadow', 'rgba(255, 0, 0, 0) 0 0 0, ' + textShadow + ' 0 0 0.001px');
});

参考stackoverflow问题

Answer 3

只是不要指定任何颜色：

text-shadow: 0px 0px 4px;