如何後臺重複jquery

Question

我試圖不重複背景。

這裏是我的代碼

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

的問題是，背景重複。如何解決這個問題？

Answer 1

您的問題是background套，而background-repeat所有背景有關的選項，只是一個單一的一個 - 這是由background覆蓋。

最好的解決辦法是使用backgroundImage作爲背景圖像，使用backgroundRepeat作爲重複，因爲它不會觸及其他可能已存在的背景選項。

另一個解決方案是設置background到url(...) 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

也許你應該給backgroundRepeat: 'no-repeat'一個機會。

Answer 5

試試這個：

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