How to background repeat jquery

Question

I'm trying to not repeat background.

Here is my code

$("body").css({background : "url(../img/bgr.png)", backgroundRepeat: 'none'});

The problem is that the background repeats. How to fix that ?

Answer 1

Have you tried:

$("body").css({background : "url(../img/bgr.png) no-repeat" });

for dynamically,

$("body").css({background : 'url('+imageUrl+') no-repeat' })

Answer 2

Your problem is that background sets all background-related options while background-repeat is just a single one - which is overridden by background.

The best solution is using backgroundImage for the background image and backgroundRepeat for the repetition since that will not touch other background options which might already exist.

Another solution would be setting background to url(...) no-repeat

Answer 3

Try this:

$("body").css({background : "url(../img/bgr.png)", background-repeat: 'no-repeat'});

Answer 4

Maybe you should give backgroundRepeat: 'no-repeat' a chance.

Answer 5

use css class:

css:

.bg {background:url(../img/bgr.png) no-repeat;}

js:

$('body').addClass('bg');