collapseボーダーをvisibilityで非表示にできない

症状

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>
12
34

visibilityプロパティの指定により、テーブルは表示されないはずです。

スクリーンショット

Ns7.1Netscape7.1標準モード

WinIE6.0WinIE6.0標準モード

補足

display:none; でテーブルのボックス自体を消す場合にこの不具合は発生しません。

修正状況

WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。

WinIE7でも発生します。

スポンサーリンク

関連記事

スポンサーリンク

navigator.browserLanguage

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る