Internet Explorer文本渐变

时间:2017-06-07 13:13:17

标签: css internet-explorer

是否可以在Internet Explorer中对文本使用渐变?

<span class="test">HELLO WORLD</span>

.test {
    font-size:48px;
  background: -moz-linear-gradient(top, rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);
    background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 );
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

这适用于Chrome浏览器,但在IE浏览器中,您只能看到隐藏文字的栏

0 个答案:

没有答案