时间戳

首页 > 解决方案 > -webkit-background-clip：文本在 Chrome 69 中不再有效

css - -webkit-background-clip：文本在 Chrome 69 中不再有效

问题描述

我刚刚意识到，在 Chrome 69 中，行为发生了-webkit-background-clip: text;变化。它现在有与 Edge 相同的错误。当内容包含在段落中时，文本是不可见的。

我想要实现的是我在背景和透明文本颜色中有渐变，以便渐变的颜色通过。这在 Firefox 中有效，并且曾经在 Chrome 中有效，但现在，在 69 版中，它不再有效。

这是一个可以试用的代码笔：https ://codepen.io/obs/pen/eLPeYz 当您删除 p 标签时，它会按预期工作。

这是 Chrome 中的错误吗？我怎样才能解决这个问题？

标签： cssgoogle-chrome

解决方案

是的，这似乎是 Chrome 中的一个错误。其他人也报告过：Chrome 69 when using 'transform', '-webkit-background-clip: text' and 'color:transparent' don't work

此外，好的做法是放置-webkit-background-clip: text;一个包含文本的元素，而不是它的父元素。

推荐阅读