html表格背景不显示？

Question

我的外部表格的每个单元格内都有一个嵌套表格。我想为其中一个单元格设置背景图像，因此我创建了一个名为“innerraya”的特定类来为该嵌套表格设置背景图像。但是，似乎什么都没有改变。

HTML

<td class="luar"> 
        <table class="innerraya"> 
            <tr>
                <td>7</td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td colspan="3" id="d7">
                        <p id="d7Event"></p>
                    </td>
            </tr>
            <tr>
                <td colspan="2"></td>
                <td style="text-align:right">29</td>
            </tr>
        </table>
        </td>

CSS

.innerraya
{
    width:100%;
    height:100%;
    position:absolute;
    background-image:url("daunketupat.jpg");

}

输出

它现在可以工作了，但是整个表都搞砸了

如果我将它用作 td 背景或普通 img src，图像在那里，但如果更改整个表格背景，则图像不工作。原因是什么？

Answer 1

问题解决了!

问题是内表布局不固定，所以我不得不在 innerraya 类中添加这段代码。

 table-layout: fixed;

整个代码如下所示:

    table.innerraya
{
   width: 100%;
  height: 100%;
  table-layout: fixed;
  background-image: url("daunketupat.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;

}

输出