通過Javascript更改頁面背景

Question

我一直試圖讓這個工作過去6個小時，我只是無法做到這一點。我已經看過關於SO的問題和解決方案，但無濟於事。我在做什麼可怕的錯誤？！？

我所擁有的是一個沒有背景的html5頁面。在我的javascript代碼我呼籲這個方法時，該文件已準備就緒：

/* 
* Initializes the landing page. 
*/ 
function initializeLanding(){ 
    $('body').css({ 
     'backround':'url("http://40.media.tumblr.com/290e7a272b492735ddf8cd968e657d05/tumblr_nhmg6xYnv41u7ns0go1_1280.jpg")' 
    }); 
} 

它應該是太簡單，可是我在這裏。我嘗試過使用單引號，雙引號，沒有多個屬性等等。我也寧願不使用CSS或DOM屬性來改變背景，因爲我沿着頁面設置了方向點，以便在滾動時改變背景他們。另外，如果我調用.css（）方法並添加新屬性，它會覆蓋所有舊屬性，還是隻覆蓋最新css（）調用中指定的屬性？

更新：這裏就是我所說的功能：

var main = function(){               
     $(".owl-carousel").owlCarousel();           
     lorem();                  
     initializeLanding();               
    }                    
    $(document).ready(main); 

Answer 1

你有拼寫錯誤。

背景=>背景。

Answer 2

檢查這個demo

你有拼寫錯誤。更換底色到背景

function initializeLanding(){ 
    $('body').css({ 
    'background':'url("http://40.media.tumblr.com/290e7a272b492735ddf8cd968e657d05/tumblr_nhmg6xYnv41u7ns0go1_1280.jpg")' 
    }); 
    }