Javascript没有';我不能在FireFox上工作
我正在尝试让这个脚本在FireFox中工作,它似乎只想在Chrome中工作。我猜这是由于webkit,所以我尝试将其转换为标准渐变,但根本不起作用。剧本有什么问题 网络工具包: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,
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规则(显然,根据需要更换颜色):
按照顺序,这些浏览器针对以下浏览器:
(来源:)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);