`-webkit-text-fill-color: transparent`和`color: transparent`有区别吗？
`-webkit-text-fill-color: transparent`和`color: transparent`有区别吗？
提问于 2018-07-27 18:31:32
行为看起来是一样的。
body {
text-align: center;
}
p {
font-size: 2.5em;
background-image: linear-gradient(to bottom, #ff0052, #8e2b88);
-webkit-background-clip: text;
}
p.-webkit {
-webkit-text-fill-color: transparent;
}
p.color {
color: transparent;
}<p class="-webkit">-webkit-text-fill-color: transparent</p>
<p class="color">color: transparent</p>
(或查看Codepen)
-webkit-background-clip: text对浏览器的支持比-webkit-text-fill-color: transparent弱，所以很可能我们不会赢得更好的浏览器支持，但它会改变什么(比如更优化/更不优化的呈现)吗？
回答 1
Stack Overflow用户
发布于 2018-07-27 18:34:19
此功能是非标准的，并且不在标准轨道上。不要在面向Web的生产站点上使用它:它不会对每个用户都有效。实现之间也可能存在很大的不兼容性，行为可能会在未来发生变化。
来源：https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51556104
复制相关文章
相似问题
腾讯云开发者
