我正在尝试制作一些多边形，旋转动画效果和字体渐变。 Chrome和Firefox工作正常，但Internet Explorer 11无法正常工作。我在SASS工作。 我已经做了一些研究尝试了一些例子，但非有效。 我在IE / 11上遇到了一些问题。
预期财产（包括前缀/
clip-path：polygon not working
线性渐变无法处理字体
display: inline-block;
background-image: linear-gradient(to right top, #bd74c2, #69306D);
-webkit-background-clip: text;
-ms-background-clip: text;
这是我的代码JSFiddle
在我的研究中，它说有些属性可以在IE10 +上工作但我在IE11上有问题。有没有其他方法来处理这些属性。
答案 0 :(得分：1)
IE11上的问题是-ms-background-clip: text无法正常工作。
更多信息可以在caniuse网站上找到：
Firefox，Chrome和Safari支持非官方 -webkit-background-clip：text（仅限前缀）
参考：https://caniuse.com/#search=background-clip
你在IE11上的选择是你的字体会回落到平面颜色（优雅降级），使用svg而不是建议DayOne或者用该浏览器上的图像替换文字（严重旧 - 学校）