为什么字体上的剪辑路径、透视和线性梯度不能在IE11 / Edge上工作
为什么字体上的剪辑路径、透视和线性梯度不能在IE11 / Edge上工作
提问于 2017-11-29 05:11:18
我试着做一些多边形，旋转动画效果和渐变字体。Chrome和Firefox工作正常，但11不能正常工作。我在研究SASS。我做过一些研究，尝试过一些例子，但都没有效果。我在IE/11上有一些问题。
- 预期财产(包括前缀/) 不工作)
- 剪辑路径:多边形不工作
- 线性梯度对字体不起作用 显示:内联块；背景-图像:线性-梯度(右上，#bd74c2，#69306D)；-webkit-背景-剪辑:文本；-ms-背景剪辑:文本；
这是我的代码JSFiddle
在我的研究中，它说其中一些属性将在IE10+上工作，但我在IE11上有问题。有没有其他方法来处理这些财产。
回答 1
Stack Overflow用户
发布于 2017-11-29 16:00:21
IE11上的问题是-ms-background-clip: text不能工作。更多信息可在caniuse网站上找到：
Firefox，Chrome和Safari支持非官方的-webkit-背景-剪辑:文本(只有前缀)
参考文献：https://caniuse.com/#search=background-clip
您在IE11上的选项是，字体返回到平面颜色(优雅退化)，使用svg代替DayOne建议的字体，或者用浏览器上的图像替换文本(非常老派)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47545485
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号