文字阴影一样具有透明度

字体颜色我已经在我的网站上使用多种颜色，我想申请文字阴影于所有文字，但我透明度文字阴影一样具有透明度

现在用我下面的代码希望它要做到这一点

代码：

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

，但它具有透明度申请黑色例如，如果颜色为r编辑所以我想文本 - 阴影与透明度的红色。

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

来源

2014-09-01 Dhaval Panchal

我写的小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'); 
});

Reference stackoverflow Question

来源

2014-09-01 08:52:49

有纯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梯度。）

来源

2014-09-01 06:53:10 BoltClock

我不希望它作为跨浏览器，我只是希望它的铬，我只想要一个CSS黑客这不是个别的颜色，看看你正在尝试黑色文本有不同的CSS为文本 - 阴影，红色有其不同的CSS，但我想我的网站上的所有颜色相同的CSS – 2014-09-01 07:01:00

即使有专为一个浏览器开发的想法，你不可能只为Chrome做这个，因为就像我说的那样，没办法*做到这一点。想拿就拿吧。 – BoltClock 2014-09-01 07:03:16

实际上，我使用CSS hack @media屏幕和（-webkit-min-device-pixel-ratio：0）{}仅将它应用于webkit浏览器。 – 2014-09-01 07:11:01

文字阴影一样具有透明度

回答

相关问题