css,如何讓background img顯示在最上層。

我有一個table，剛開始要顯示loading圖片，如果數據加載完成了就隱藏loading圖片，
<
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="even">
<td></td>
</tr>
<tr class="odd">
<td></td>
</tr>
</tbody>
<
>
部分 css:
.table.loading{
background-image: loader.gif;
background-repeat: no-repeat;
background-position: 50% 50%;
}
如果我只是給table加上面css的話，那麼loader.gif可以顯示出來。但是如果我繼續寫css，給tbody區域的tr加上background-color，那麼這之後，table的background-img就顯示不出來了。原因是什麼？有什麼好的方法可以讓table的background-img顯示出來嗎？大家幫忙解答下，謝謝！
你可以把loading的圖片放在一個div裏，等數據加載完把這個div隱藏掉，然後顯示table
最外層加上div，給他背景圖片，在設置層級z-index最高
1.不建議給table添加背景圖片，table就讓他顯示數據好了。
2.可以增加div.loading來顯示正在加載的圖片，待加載成功後隱藏.loading即可。