TD背景不會顯示出來

Question

我有這樣的CSS樣式：

table.shadowed { 
    border-spacing: 0px; 
} 

table.shadowed td { 
    padding: 0px; 
} 

table.information { 
    width: 500px; 
} 

table.information td.ul { 
    background-image: url('img/information_bg_upper_left.png'); 
    background-position: bottom; 
    background-repeat: no-repeat; 
    width: 10px; 
    height: 36px; 
} 

table.information td.u { 
    background-image: url('img/information_bg_upper.png'); 
    background-position: bottom; 
    background-repeat: repeat-x; 
} 

這HTML代碼片段：

<table class="shadowed information"> 
    <tr> 
     <td class="ul"></td> 
     <td class="u"></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
</table> 

它的問題是，我的背景爲中心TD在Firefox中可以看到非常好，但在Chrome或Opera中不能。

這很有趣，因爲我設置了repeat-x。

所以，你有什麼答案，爲什麼這是這樣的，我怎麼可以把表格單元格的背景沒有設置具體的大小呢？

謝謝，Áron。

Answer 1

爲了使背景可見，單元格必須填充文本之類的東西，或者設置寬度和高度，否則會摺疊並且無法看到背景。