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
Post a Comment