Question

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

的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))';

直播脚本： http://jsfiddle.net/LThhd/12/

Answer 1

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

CSS-Gradient创建的有用工具：http://www.colorzilla.com/gradient-editor/

Answer 2

您需要使用-moz前缀才能使其在Firefox中运行。为了完全兼容浏览器，建议使用以下所有CSS规则（显然，根据需要替换颜色）：

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);

按顺序，这些目标是以下浏览器：

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

（来源：http://css3please.com）

Answer 3

你不必使用-moz-前缀.... http://webdesignerwall.com/tutorials/cross-browser-css-gradient

Javascript在FireFox上不起作用

3 个答案: