18910140161

html-试图制作文本动画并得到此错误-堆栈溢出

顺晟科技

2022-10-19 14:35:15

230

在vs代码中使用此命令:

-webkit-text-stroke: 1px #fff;
    background: url(/resources/back.png);
    -webkit-background-clip: text;

显示此错误:

-webkit-text-stroke: 1px #fff;
    background: url(/resources/back.png);
    -webkit-background-clip: text;

顺晟科技:

有些浏览器需要-webkit-前缀,有些则不需要。

最值得注意的是,Firefox没有。

此类信息的有用来源是caniuse.com

所以,在您的代码中,将两个版本都设置在有前缀的版本之后,这样浏览器就可以选择更标准的版本,如果它能够:

-webkit-text-stroke: 1px #fff;
    background: url(/resources/back.png);
    -webkit-background-clip: text;

我想有一天text-stroke也不需要前缀,但就在此刻,而且不同寻常的是,Firefox也需要webkit前缀。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航