Html 在css中使用文本填充颜色剪裁文本是否确实必要？

在CSS3中，可以通过使用“剪裁”文本，使其看起来被剪切掉，以便可以看到其背后的背景

-webkit-background-clip: text;

结合

-webkit-text-fill-color: transparent;

我们之所以使用前缀，是因为这是一个全新的概念，并非所有浏览器都支持它。但是，我注意到您实际上不需要使用-webkit text-fill-color:transparent，而是可以只写color:transparent

所以我的问题是： 使用-webkit text-fill-color:transparent优于color:transparent有什么好处

您可以在下面看到两者的比较

body{background:teal}
p{
字体系列：无衬线；
字号：4rem；
字体大小：粗体；
文本对齐：居中；
文本转换：大写；
背景：url(http://www.jpl.nasa.gov/spaceimages/v2/getMediumImage.php?id=PIA03519)中心；
-webkit背景剪辑：文本；
-webkit动画：textMask 10s线性无限；
动画：textMask 10s线性无限；
}
.文本填写{
-webkit文本填充颜色：透明；
}
.正常{
颜色：透明；
}
@-webkit关键帧文本掩码{
从{背景位置：右下}
至{背景位置：左上}
}
@关键帧文本掩码{
从{背景位置：右下}
至{背景位置：左上}
}

我使用的是文本填充颜色
我只是在使用颜色

-webkit text-fill-color

只是

颜色

的一个特定于webkit的变体，它与

-webkit text-fill-stroke

一起使用（如您所见，

-webkit-background clip:text

）

-webkit text-fill-color

和

color

之间没有区别，只是当指定了这两个属性时，webkit将使用前者。您可以利用这一点来指定文本仅在基于webkit的浏览器中透明，以允许

-webkit background clip:text

工作，而在其他浏览器中优雅地降级为其他颜色

---

-webkit text-fill-color

并不是新的。它可能从一开始就是webkit的一部分。任何人告诉你它是一些新的和即将推出的标准的一部分，都是同样错误的。扔掉

-moz-

和

-o-

前缀-它们对于这个属性来说并不存在，因为它是特定于webkit的，而不是最早的CSS3的所有部分。

谢谢，我想这将帮助我为非webkit浏览器的旧版本创建一个后备版本。我注意到当前的非webkit浏览器确实支持-webkit背景剪辑：文本；