Html 验证（CSS 3.0）“；“文本”；不是“的有效值”-webkit背景剪辑“；财产

这是我的代码：

font-size: 44px;
font-weight: 500;
background: linear-gradient(to-right, #494964, #6f6f89);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

---

我想使用背景剪辑属性将背景剪辑到文本中。问题是visual studio无法识别文本属性。如何解决此问题？

您需要确保在父文本元素（即

标记）上设置

背景剪辑

属性，然后可以将背景颜色作为类应用。请参阅下面的工作示例

请注意，您的线性渐变声明也应如下所示，在右侧的

中不使用连字符：

background: linear-gradient(to right, #494964, #6f6f89);


.container p{
背景剪辑：文本；
-webkit背景剪辑：文本；
颜色：rgba（0,0,0,0.2）；
字体：900 1.2em无衬线；
}
.背景色{
背景：线性梯度（60度，蓝色，黄色，红色，黄色，红色）；
}


背景被剪裁到前景文本。

这也可能与以下事实有关：
背景剪辑：文本
是一项实验性功能，根据

如果不起作用，还需要添加非webkit版本。它似乎不接受文本作为有效值。我正在使用visual studio社区。请忽略此错误，因为
text
作为值是有效的。不幸的是，clip属性无法工作，因为它无法识别“text”值。在本例中，它跳过该行并直接进入下一行“-webkit text fill color:transparent；”并使文本透明。