css,如何让background img显示在最上层。

Question

我有一个table，刚开始要显示loading图片，如果数据加载完成了就隐藏loading图片，

<<table> class="table loading">

<thead>
    <tr>
        <th></th>
        <th></th>
    </tr>
    
</thead>
<tbody>
    <tr class="even">
        <td></td>
    </tr>
    <tr class="odd">
        <td></td>
    </tr>
</tbody>

<</table>>

部分 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显示出来吗？大家帮忙解答下，谢谢！

Answer 1

你可以把loading的图片放在一个div里，等数据加载完把这个div隐藏掉，然后显示table

Answer 2

最外层加上div，给他背景图片，在设置层级z-index最高

Answer 3

1.不建议给table添加背景图片，table就让他显示数据好了。
2.可以增加div.loading来显示正在加载的图片，待加载成功后隐藏.loading即可。