IE 11或谷歌浏览器主要更少的代码更改

Question

我使用主要少编译器来创建我的css文件。对于我的徽章，我使用例如此代码为谷歌浏览器：

.badge-default{ 
    position: relative; 
    left: 18px; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    color: #FFF; 
} 

现在我还想用我在IE11的一面，但我知道-webkit-背景剪辑和-webkit-文本填充颜色：透明;与IE11不兼容。如何更改我的少量代码以便使用浏览器实际支持的特定类.badge-default？

非常感谢你对你的答案。

电贺

Answer 1

如果您有其他浏览器的麻烦，我推荐这篇文章：http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html

CSS技巧有使用Modernizr的备用方法：https://css-tricks.com/image-under-text/