如何重复背景jquery

Question

我试图不重复背景。

这是我的代码

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

问题是背景重复。如何解决？

Answer 1

也许你应该给backgroundRepeat: 'no-repeat'一个机会。

Answer 2

你试过了吗？

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

动态，

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

Answer 3

使用css类：

的CSS：

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

JS：

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

Answer 4

试试这个：

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

Answer 5

您的问题是background设置了所有与背景相关的选项，而background-repeat只是一个选项 - 被background覆盖。

最佳解决方案是使用backgroundImage作为背景图片，使用backgroundRepeat作为重复，因为这不会触及可能已存在的其他背景选项。

另一种解决方案是将background设置为url(...) no-repeat