Question

code below working fine but not in IE6, IE7, below is the code is there any error please help

$(document).ready(function(){      $('.backgroundElement').bind( 'keyup change', function () {          var color=$('#colorpickerField1').attr('value');         var brnbackgroundurl=$('#brnbackgroundurl').attr('value');         var scrollwithpage=$('#scrollwithpage').val();         var bgposition=$('#bgposition').val();         var bgrepeat=$('#bgrepeat').val();          $('body').css({            'background':'#'+color,            'background':'url('+brnbackgroundurl+')'+bgrepeat+' '+ bgposition,            'background-attachment':scrollwithpage         });     });  }); 

Answer 1

'url('+brnbackgroundurl+')'+bgrepeat 

I think the error is in this part, you are missing a space.

Like this:

'url('+brnbackgroundurl+') '+bgrepeat 

And to avoid more problems, just use the correct attribute order. Example from w3schools:

background: #00ff00 url('smiley.gif') no-repeat fixed center;