
collapseボーダー(border-collapse:collapse;)を用いたテーブルをvisibilityプロパティを用いて非表示にさせるとき、テーブル内部のボーダーが非表示にならない。
<style type="text/css">
table#test {
border-collapse: collapse;
visibility: hidden;
}
table#test, table#test td {
border: 2px solid red;
}
table#test td {
width: 4em;
height: 2em;
}
</style>
<table id="test">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>
| 1 | 2 |
| 3 | 4 |
visibilityプロパティの指定により、テーブルは表示されないはずです。
Netscape7.1標準モード
WinIE6.0標準モード
display:none; でテーブルのボックス自体を消す場合にこの不具合は発生しません。
WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。