时间戳

首页 > 解决方案 > T车身轮廓闪烁然后关闭

html - T车身轮廓闪烁然后关闭

问题描述

我在我的 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 仪表

标签： htmlhtml-tableoutline

解决方案

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

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

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

推荐阅读