Javascript没有';我不能在FireFox上工作

Javascript没有';我不能在FireFox上工作,javascript,css,Javascript,Css,我正在尝试让这个脚本在FireFox中工作,它似乎只想在Chrome中工作。我猜这是由于webkit,所以我尝试将其转换为标准渐变,但根本不起作用。剧本有什么问题 网络工具包: var grad = '-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(1, #' + color + '))'; 标准: var grad = 'linear-gradient(to left,

我正在尝试让这个脚本在FireFox中工作,它似乎只想在Chrome中工作。我猜这是由于webkit,所以我尝试将其转换为标准渐变,但根本不起作用。剧本有什么问题

网络工具包:

var grad = '-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(1, #' + color + '))';
标准:

var grad = 'linear-gradient(to left, color-stop(0, #' + color + '), color-stop(1, transparent))';

实时脚本:

您不必使用-moz-前缀。。。。

-moz linear gradient是firefox中渐变的正确名称


CSS渐变创建的有用工具:

您需要使用
-moz
前缀才能在firefox中工作。为了完全兼容浏览器,建议使用以下所有CSS规则(显然,根据需要更换颜色):

按照顺序,这些浏览器针对以下浏览器:

  • 不支持渐变的旧浏览器
  • Safari 4、5.0和Chrome的旧版本
  • Chrome 10+、Safari 5.1+、iOS 5+
  • Firefox 3.6-15
  • 歌剧院11.10-12.00
  • Firefox 16+、IE10、Opera 12.50+

  • (来源:)

    var grad不起作用,因此firefox中没有渐变,只有chromeEach浏览器有自己的语法。你的意思是说webkit前缀在mozilla浏览器中不起作用?疯狂!我用-moz更新了它,但它仍然不想工作。var grad='-moz线性渐变(底部,颜色停止(0,#'+color+'),颜色停止(1,透明));
    background-color: #444444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999));
    background-image: -webkit-linear-gradient(top, #444444, #999999);
    background-image:    -moz-linear-gradient(top, #444444, #999999);
    background-image:      -o-linear-gradient(top, #444444, #999999);
    background-image:         linear-gradient(to bottom, #444444, #999999);