html表格背景没有显示？-Java 学习之路

我有一个嵌套表在我的外表的每个单元格内 . 我想为其中一个单元格设置一个背景图像，所以我创建了一个名为“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");

}

OUTPUT

它现在有效，但整个表格搞砸了
enter image description here

如果我将它用作td背景或普通的img src，那么图像就在那里，但如果改变整个表背景则不起作用 . 这是什么原因？

2 回答

IT IS SOLVED!

问题是内部表布局没有修复，所以我不得不在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%;

}

OUTPUT
enter image description here

回复于 2024-05-14T00:48:02+08:00

请到下面的网址，我为你创建了一个jsfiddle：

https://jsfiddle.net/ew55L41b/

希望对你有帮助：）

代码如下：

<table>
    <tr>
        <td>
            <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>
        <td>
            <table class="">
                <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>
    </tr>
</table>

CSS ---

table.innerraya
{
    width:100%;
    height:100%;
    position:absolute;
    background-image: url("http://www.w3schools.com/cssref/paper.gif");
}

回复于 2024-05-14T00:48:02+08:00

html表格背景没有显示？

2 回答

相关问题