Internet Explorer 11 中的“webkit-background-clip: text”等效项

Posted

技术标签:

【中文标题】Internet Explorer 11 中的“webkit-background-clip: text”等效项【英文标题】:"webkit-background-clip: text" equivalent in Internet Explorer 11 【发布时间】:2017-07-06 12:16:27 【问题描述】:

我想放置一个渐变颜色的文本,例如: https://tympanus.net/codrops-playground/yoksel/CCaiPDe6/embed/result,html,css/html,css,result#

CSS 中使用-webkit-background-clip: text 非常容易。不幸的是,IE 11 不支持它。

有什么方法可以实现目标吗?

提前致谢。

更新:错误地,我最初提到了 IE 10。但 IE 11 是我遇到问题的地方。

【问题讨论】:

【参考方案1】:

使用 svg 掩码。它适用于 ie9+ https://css-tricks.com/how-to-do-knockout-text/

【讨论】:

在 IE11 中工作,同样的问题 ***.com/questions/32181591/…

以上是关于Internet Explorer 11 中的“webkit-background-clip: text”等效项的主要内容,如果未能解决你的问题,请参考以下文章

Internet Explorer 11 中的“未处理的承诺拒绝 TypeMismatchError”

:after, :before Internet Explorer 11 中的问题

Internet Explorer 11 中的 window.postMessage 是不是有最大长度限制?

无法在 AngularJS 中的 Internet Explorer 11 中获取事件目标的父级

Internet Explorer 11 中的 <audio> 标记兼容性

Internet Explorer 8 到 11 中的滚动条按钮大小