css - 文本阴影与字体颜色相同且透明

标签 css

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

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

代码:

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

但它应用具有透明度的黑色,例如,如果颜色是红色,那么我想要具有透明度的文本阴影红色。

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

最佳答案

在纯 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 错误地插入渐变。)

关于css - 文本阴影与字体颜色相同且透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25600291/

相关文章:

html - CSS Flyout 菜单在 IE9 中被其容器的边框截断

html - 为什么会出现这种渲染伪像?

javascript - 使用 CSS 或 JS 移动(动态)一个 div 吗?

html - 如何使用css在html中从侧面加载图像

css - React CSS 无法正确加载

jquery - 附加滚动 Bootstrap 模式

css - 每次旋转到横向都需要重新加载

php - 迁移 PHP 5.2 网站

html - 使用谷歌地图隐藏垂直滚动条

css - 在 CSS 样式中省略前导 '0' 的好处