ホームページ > 記事 > ウェブフロントエンド > テーブルtr表示の問題(IEのバグと思われる)_html/css_WEB-ITnose
テーブルtr表示の問題(IEのバグと思われる)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:09:091021ブラウズ
システム内にテーブルがあり、TRを非表示にする操作がありますが、行が異常に表示されます。その後、それは次の手順に要約され、それが確かに TR の隠蔽に関連していることが判明しました。
具体的には、最初の行をクリックしていくつかの行を非表示にし、最後の行をクリックすると、対応する行の色が変わるはずですが、行の上部に細いストリップが残り、その色が変わります。変わりません。 (私は IE8.0 バージョンを使用しています)、これは IE8.0 のバグであると思われますが、この問題を解決するための提案がある専門家はいないでしょうか。ありがとう。
2689eb8c40bc4d4ffe96db8efe197cf4 f96075763e70532c39a66b56535b21ce
9c3bca370b5104690d9ef395f2c5f8d1 body>
65b3614ae6c394d243b687790ebada13 451918900e089bb0d7523dc7fad0fd82b6c5a531a458a2e790c1fd6421739d1ca [最初にクリックしてください。]4f8426b303fd482c2b5cad5323c6ce0dfd273fcf5bcad3dfdad3c41bd81ad3e5
215ad7b1117e7df209db4ea94296f8deb6c5a531a458a2e790c1fd6421739d1cbb90dd5946f0946207856a8a37f441edffd273fcf5bcad3dfdad3c41bd81ad3e5
127319eaa5badb3d233ee29b7ed07842b6c5a531a458a2e790c1fd6421739d1cc4f8426b303fd482c2b5cad5323c6ce0dfd273fcf5bcad3dfdad3c41bd81ad3e5
498f093e8ab4763f898d21248293845fb6c5a531a458a2e790c1fd6421739d1cdb90dd5946f0946207856a8a37f441edffd273fcf5bcad3dfdad3c41bd81ad3e5
96ffc991a353760fd63b17f03bf95d46b6c5a531a458a2e790c1fd6421739d1ceb90dd5946f0946207856a8a37f441edffd273fcf5bcad3dfdad3c41bd81ad3e5
6c8d82a15b50db06bc62f0b56cd3b6fa
adc71d0ddb209d565f6fd29ed742d4dcb6c5a531a458a2e790c1fd6421739d1ch [2 番目をクリックしてください。]b90dd5946f0946207856a8a37f441edffd273fcf5bcad3dfdad3c41bd81ad3e5
271cb3d2ff227ca6331ee41e81293d65
73a6ac4ed44ffec12cee46588e518a5e
var hs=false;
var c = ("ブロック"):("なし");
document.getElementById("trMain2").style.display = c;
document.getElementById("trMain3").style.display = c;
document.getElementById("trMain4").style.display = c ;
hs = !hs;
}
2cacc6d41bbb37262a98f745aa00fbf0
問題ありません
皆さん、まだうまくいきません。
最初の行をクリックしてくださいまず、最後の行をもう一度クリックすると、最後の行の色が不完全になります。私は IE8.0 です
色の問題は、IE のテーブル境界線の結合の解釈が異なることが原因のようです。これは、border-collapse:collapse スタイルを追加することで解決できます。 IEが問題です。
<html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>TABLE TR</title><script>var hs = false;//hidden是保留字，在Chrome等浏览器中会报错function tr_hidden() { (hs) ? (c = "table-row") : (c = "none"); //正常的表格行display属性值应为table-row document.getElementById("trMain2").style.display = c; document.getElementById("trMain3").style.display = c; document.getElementById("trMain4").style.display = c; hs = !hs;}</script></head><body><table id="tab" border=1 width=200><tr id="trMain1" onclick="tr_hidden()"><td>a [click me first.]</td></tr><tr id="trSub1"><td>b</td></tr><tr id="trSub2"><td>c</td></tr><tr id="trMain2"><td>d</td></tr><tr id="trMain3" onclick="this.style.backgroundColor='#7DD6F0'"><td>e</td></tr><tr id="trMain4" onclick="this.style.backgroundColor='#7DD6F0'"><td>f</td></tr><tr id="trSub3" onclick="this.style.backgroundColor='#7DD6F0'"><td>g</td></tr><tr id="trSub4" onclick="this.style.backgroundColor='#7DD6F0'"><td>h [click me second.]</td></tr></table></body></html>
色付けの問題は、IE のテーブル境界線結合の異なる解釈が原因であるようですが、これは border-collapse:collapse スタイルを追加することで解決できます。 IEが問題です。
HTML コード 81b72436e3181dfc87cc6c61d942dd7bIE はバグが多くて使いにくいです。今、ie6 を使っている人はまだたくさんいるようですが、彼らは理解できないと言っています
T5500 の返答にはあまり感銘を受けませんでした。アプリケーションのパイロット テストを行った後、cellpadding="3" cellpacing="1" 属性を削除すると、まだ動作しないことがわかりました。長年の悩みが解決しました。
今回遭遇したことをまとめて [http://blog.csdn.net/cuckoo1/article/details/7394962] に載せておきます
改めてよろしくお願いします。ポイントを受け取ります。