Question

我的asp.net页中有一个html表，并且在两行周围应用了<tbody>标签，以便可以对行进行轮廓显示。

我的HTML如下。

 <table>
                <tbody class="tableBody">
                <tr>

                    <td colspan="4" style="text-align: center;">A Title</td>
                </tr>
                <tr>
                    <td>
                        <div id="abc" class="card"></div>
                    </td>
                    <td>
                        <div id="def" class="card"></div>
                    </td>
                    <td>
                        <div id="ghi" class="card"></div>
                    </td>
                    <td></td>
                </tr>
                    </tbody>
                <tbody class="tableBody">
                <tr>
                    <td colspan="4" style="text-align: center;">Another Title</td>
                </tr>
                <tr>
                    <td>
                        <div id="jkl" class="card"></div>
                    </td>
                    <td>
                        <div id="mno" class="card"></div>
                    </td>
                    <td>
                        <div id="pqr" class="card"></div>
                    </td>
                    <td>
                        <div id="stu" class="card"></div>
                    </td>
                </tr>
                    </tbody>
            </table>

我的CSS如下：

.AssetTableFormat {
    /*border-style: solid;*/
    margin: 0 auto;
    font-family: 'Century Gothic';
    font-size: 10pt;

}

    .AssetTableFormat td {
        /*border:1px solid;*/
        padding:5px 5px 5px 5px;
    }

.card {
    height: 60px;
    width: 100px;
}

.tableBody {
    outline: 1px solid black;
    display: table-row-group;
}

在IE 11中加载页面时，轮廓在显示内容后出现，但随后消失。如果我在Chrome浏览器中尝试过，那么轮廓线就是我想要的。

编辑：我要补充一点，表格单元格中的DIV正在显示来自justGage的JavaScript标尺

Answer 1

在所有情况下IE11中都未完全（或至少正确地）支持单个表中的多个<tbody>支持

较新的浏览器应该可以很好地处理它，这就是为什么Chrome可以按预期运行的原因，并且它通常也可以在IE11中使用-但有时您会在IE11中发现一些奇怪的行为。

您可能可以使用tfoot（或thead来捏造一些东西，但是在这里tfoot似乎是一个更好的选择），尽管要注意屏幕阅读器等的可访问性问题。

TBody轮廓闪烁然后熄灭

1 个答案: