我正在尝试将webkit命令转换为moz o和ms

时间:2012-09-12 01:33:08

标签: html5 css3 webkit w3c

我正在尝试找到webkit命令的替代方法:

-webkit-text-fill-color

由于这还没有在moz o和ms中得到支持,任何人都知道另一个可以执行此命令或某种css hack的命令,我可以使用它来获得此效果吗?

基本上我正在做的是使文本不可见,将背景渐变设置为不可见,除了文本的位置,并使该背景显示以制作纯粹的css渐变文本。有人有主意吗?这就是我用webkit完成它的方法:

background-image: -webkit-linear-gradient(top, #3e698c, #30576e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

它在safari / chrome(duh:P)中效果很好,但在ff opera maxthon等中却没有。

1 个答案:

答案 0 :(得分:1)

这已在评论中得到解决,因此请将评论放在答案中,以便将此问题从未答复的列表中删除。

  

代替那个使用颜色和webkit-text-fill-color都是相同的并且看看这个Difference between "-webkit-text-fill-color" and "color"? - Arpit Srivastava 9月14日&12; 3点12分

此外,除了IE之外的所有浏览器都支持webkit-text-fill-color,即使它不是标准的:https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color#Browser_compatibility