2012-12-20 60 views
1

我有一個簡單的創建div腳本,但沒有創建背景圖像,這正在擾亂我。設置背景 - 瀏覽器不會調用圖像

我嘗試了一些方法,但他們沒有工作:

var d = document.createElement('div'); 
d.id = 'content'; 
d.className = 'inner'; 
d.background = "url=('images/h.png')"; 
document.getElementById('menu').appendChild(d); 

我也嘗試這些替代方法:

d.style.background = "url=('images/h.png')"; 
d.backgroundImage = "url=('images/h.png')"; 
d.style.backgroundImage = "url=('images/h.png')"; 

所有3不工作,但股利不負載和高度是deffinately不是0px,因爲那裏有一段文字...該div的CSS是:

.inner{ 
    text-align:center; 
    background-repeat: no-repeat; 
    background-position: top center; 
    width:100%; 
    padding-top:30px; 
    min-height:300px; 

} 

Acco根據我的Chrome調試工具,映像不會加載資源,甚至不需要加載。如果我我有錯誤的網址,我會得到資源未找到,所以我想知道是否有一個具體的方式來寫在JS中來獲得這項工作?

回答

3

爲什麼你在那裏有一個等號?拿出來,你的代碼應該工作:

d.style.backgroundImage = "url('images/h.png')"; 
+0

+1,謝謝!它現在加載! :)編輯:沒關係,這是因爲我不得不使用backgroundImage,驚訝theres許多方式爲背景圖像做同樣的事情。 – Sir