相关疑难解决方法(0)

我想知道是否有办法在 Firefox 中应用文本渐变？我可以让它在 Chrome 和 Safari 中工作，代码如下：

h1 {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    text-transform: uppercase;
    font: bold 4em "Lucida Grande", Lucida, Verdana, sans-serif;
}

但是对于 Mozilla 来说似乎没有任何东西。

我正在寻找一种方法来添加渐变到像这样的大粗体字母:

单词可以有一行或两行,字体高度因视口高度而异.

此示例适用于Chrome但不适用于FF:http://dabblet.com/gist/1695257

你会推荐任何有效的纯CSS解决方案吗？

出于某种原因,我的CSS Gradient无法在Firefox(v10.0.1)中运行.页面的主要背景应该是从顶部的白色到蓝色的渐变,但在Firefox而不是平滑的渐变中,我只是得到两个实心的颜色块,一个是白色,一个是蓝色.在Chrome和Safari(在iPad和iPhone上),它完美运行.

这是该页面的测试网址:

http://testing.xenongroupadmin.com/bitesize/login.html

这是我的CSS代码:

body  { font-family: arial, tahoma, verdana, sans-serif;
    background: linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%);
    background: -o-linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%);
    background: -moz-linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%);
    background: -webkit-linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%);
    background: -ms-linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%);
    background: -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0.42, #FFFFFF),
                    color-stop(0.06, #CDEDFA));


    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
    min-width:1350px;
        }

我试过寻找答案,但似乎找不到符合我目前困境的例子.

感谢大家