Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将多个“背景”添加到css类中_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将多个“背景”添加到css类中

Javascript 将多个“背景”添加到css类中,javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以我想在一个独特的css类的背景中添加所有WebKit。我在同一个类中使用了multiples div,有人告诉我可以使用如下查询函数: var-cor1=000; var-cor2=fff; 函数pegar_as_duas_cores_e_gerar_gradient_para_o_galao{ var gradient1=-moz线性gradienttop,+cor1+0%,+cor2+100%!重要;; var gradient2=-webkit gradientleft-top,le

所以我想在一个独特的css类的背景中添加所有WebKit。我在同一个类中使用了multiples div,有人告诉我可以使用如下查询函数:

var-cor1=000; var-cor2=fff; 函数pegar_as_duas_cores_e_gerar_gradient_para_o_galao{ var gradient1=-moz线性gradienttop,+cor1+0%,+cor2+100%!重要;; var gradient2=-webkit gradientleft-top,left-bottom,color-stop0%,+cor1+,color-stop100%,+cor2+!重要;; var gradient3=-webkit线性梯度顶部,+cor1+0%,+cor2+100%!重要;; var gradient4=-o-linear-gradienttop,+cor1+0%,+cor2+100%!重要;; var gradient5=-ms线性梯度顶部,+cor1+0%,+cor2+100%!重要;; var gradient6=底部线性梯度,+cor1+0%,+cor2+100%!重要;; $'.conteudoGalao'.css{ “背景”:渐变1, “背景”:渐变2, “背景”:渐变3, “背景”:渐变4, “背景”:渐变5, “背景”:渐变6 }; } $'btn_teste'。单击函数{ pegar_as_duas_cores_e_gerar_gradient_para_o_galao; };
测试可能是因为您总是用另一个值覆盖您的背景

您不应该执行类似于:element{background:xxx,background:xxx}的操作,而是执行以下操作:element{background:xxx,xxx,xxx}


完整解释:

您基本上就是在使用这个,为什么不使用纯css呢?还是带前缀的sass?@J.Wallner,因为使用Jquery,您可以随时更改变量颜色的值?还有一个按钮的动作…@DaniP谢谢你的帮助,兄弟,我以后再试试。@DaniP它不起作用:没有显示任何错误或任何东西,就像.css{…}