jquery - Printing css background-image using JS -


can kindly give me hand. need second pair of eyes. im trying print css using js.

this.$el.find(".button").css({   'border': 'none',   'box-shadow': box_shadow,   'background-color': params.button_bg_color,   'background-image': 'linear-gradient(to bottom, ' + params.button_bg_color + ', ' + params.button_hvr_color + ')',   'background-image': '-webkit-gradient(linear, left top, left bottom, from(' + params.button_bg_color + '), to(' + params.button_hvr_color + '))',   'background-image': '-webkit-linear-gradient(top, ' + params.button_bg_color + ', ' + params.button_hvr_color + ')',   'background-image': '-moz-linear-gradient(top, ' + params.button_bg_color + ', ' + params.button_hvr_color + ')',   'background-image': '-webkit-linear-gradient(top, ' + params.button_bg_color + ', ' + params.button_hvr_color + ')',   'background-image': '-o-linear-gradient(top, ' + params.button_bg_color + ', ' + params.button_hvr_color + ')',   'background-image': 'ms-linear-gradient(to bottom, ' + params.button_bg_color + ', ' + params.button_hvr_color + ')', }); 

the border, box-shadow, , background-color printing. none of background-image. know var values good, , know can inline gradients. have eliminated two. appreciated.

cheers!

update

very strangely, @ least me. if remove these 2 works...

'background-image': '-o-linear-gradient(top, ' + params.button_bg_color + ', ' + params.button_hvr_color + ')', 'background-image': 'ms-linear-gradient(to bottom, ' + params.button_bg_color + ', ' + params.button_hvr_color + ')', 

any thoughts on why this case. im extremely confused.


Comments

Popular posts from this blog

Ansible - ERROR! the field 'hosts' is required but was not set -

customize file_field button ruby on rails -

SoapUI on windows 10 - high DPI/4K scaling issue -