createElement背景图片

Question

我想创建一个表宽度JavaScript和createElement（）。 我的问题是它没有设置任何背景图像（只是纯白色）。 但是，如果我将innerHTML设置为具有相同路径的图像标记，它就可以工作！

create : function() { 
    var tbody = document.createElement('tbody'); 
    for(i in this.map) { 
     var tr = document.createElement('tr'); 
     for(j in this.map[i]) { 
      var td = document.createElement('td'); 
      var cell = this.map[i][j]; 
      td.style.color = "red"; 
      console.log("gfx/tile_"+this.backgrounds[cell]+".png"); 
      td.style.backgroundImage = "url(gfx/tile_"+this.backgrounds[cell]+".png);"; 
      td.innerHTML = "j"; 
      tr.appendChild(td); 
     } 
     tbody.appendChild(tr); 
    } 
    this.gameDOMelm.appendChild(tbody); 
} 

我还有另一个问题，表中的每个ROW之间有空格。 这里的DOM元素我追加到：

<table id="gameField" cellpadding="0" cellspacing="0"></table> 

而且出现这两个问题在Chrome和FF @ Ubuntu的11.04 CSS

* {padding: 0; margin: 0;} 
    td { 
     min-width: 32px; 
     min-height: 32px; 
     width: 32px; 
     height: 32px; 
    } 

。 没有错误显示在JavaScript控制台。

• 插孔

Answer 1

尝试"url('gfx/tile_"+this.backgrounds[cell]+".png')"（与各地URL单引号）。