2011-11-24 27 views
2

我想在jQuery窗口大小事件中動態地改變我的身體的背景。 下面是一個簡化示例,它嘗試在頁面加載時設置正文背景url屬性,但它不是正確的語法。有任何想法嗎?使用JQuery來設置CSS文件正文背景的URL

test.css:

body { 
    margin: 0px auto; 
    font-family: HelveticaNeue; 
} 

的test.html的JavaScript:

$(document).ready(function() { 
     $("body").css("background", "url('image/setme.png')"); 
    }); 

回答

8

我想嘗試是明確的關於該酒店:

$("body").css("background-image", "url('image/setme.png')"); 
+0

我同意'背景image'可能是一個更好的選擇,但它不是必要(http://jsfiddle.net/ambiguous/AsJqg/),c12可能只是相對路徑有問題。 –

+0

這只是路徑,謝謝 – c12

0

它不應該是

$(window).resize(function() { 
    $("body").css("background", "url(image/setme.png)"); 
}); 

觸發調整大小事件?

+0

是的,這是正確的wizztjh,我只是想採取的方式,因爲它工作正常。想要更簡化它。 – c12

1

如果沒有圖像顯示PLZ從根目錄試試這個,訪問圖像

$("body").css("background-image", "url('../image/setme.png')"); 

$("body").css("background-image", "url('~/image/setme.png')"); 
+0

我猜''/ image/setme.png'是正確的,但我認爲你在正確的軌道上。 –