Imagem-fundo: -webkit de gradiente (linear, esquerda 0, direita 0, a partir de (RGB (4, 94, 170.)), a (RGB (1, 152, 216))..); -Webkit-fundo-do clip: texto ; / * prefixo -webkit- suportam apenas o valor de texto necessário * / -webkit-Fill-text-color: transparente; / * texto-color vai cobrir a cor da fonte cor definida pelo Fill: * /
Um pouco mais de três propriedades não podem ser gradiente de texto completo. renderings:
compatibilidade:
-Text-preenchimento de cor, o IE não é realmente compatível. UC não é compatível com o navegador do terminal móvel.
-webkit-background-clip: text; 非正式属性,目前(2017-07-07)仅仅FF、Chrome、Safari支持,并且必须带前缀。
Assim, se seu público-alvo é provável que use o navegador IE, então você precisa escrever um IE sob o código de navegação normal:
<! - [if IE]> <h2> IE才能看见我</ h2> <img src = "imagens / texto-gradient.png" alt = ""> <[endif] ->