Question

出于某种原因，我的表格不会出现在IE7中。示例表如下所示：

<table class="stringingTable">
<tbody>
<tr>
<td class="selected">.</td>
<td>,</td>
<td>and</td>
<td>also</td>
<td>but</td>
<td>however</td>
<td>whereas</td>
</tr>
</tbody>
</table>

相关的css看起来像这样：

stringingTable {
    position: relative;
    width: 70px;
    height: 30px;
    background: #9A2F00;
    text-align: center;
    font-size: 0.8em;
    line-height: 1em;
    cursor: pointer;
    cursor: hand;
}

.stringingTable td.selected {
    display: table-cell;
}

.stringingTable td {
    word-wrap: break-word;
    max-width: 70px;
    display: none;
}

该表在所有现代浏览器中都很好用，但这是一个NI教师网站（他们使用IE7时都使用C2k）

Answer 1

小于8的Internet Explorer版本不支持CSS表格显示属性，其中包括table，inline-table和table-*的所有属性。不幸的是，通过将这些单元格设置为display: none，您将无法在不更改表格外观的情况下重新显示它们（因为您无法将它们返回设置为表格单元格）。

我不知道它是否会对您的具体情况有所帮助，但您可以尝试使用visibility: hidden和visibility: visible进行游戏。

Answer 2

您对所有display: none;使用TD，因此您隐藏了所有内容。如果我不删除display: none，则它不会显示在Chrome中。

表格不会显示在ie7中

2 个答案: