テーブルtr表示の問題(IEのバグと思われる)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:09:09
オリジナル
1023 人が閲覧しました

システム内にテーブルがあり、TRを非表示にする操作がありますが、行が異常に表示されます。その後、それは次の手順に要約され、それが確かに TR の隠蔽に関連していることが判明しました。
具体的には、最初の行をクリックしていくつかの行を非表示にし、最後の行をクリックすると、対応する行の色が変わるはずですが、行の上部に細いストリップが残り、その色が変わります。変わりません。 (私は IE8.0 バージョンを使用しています)、これは IE8.0 のバグであると思われますが、この問題を解決するための提案がある専門家はいないでしょうか。ありがとう。

body>











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;
}





問題ありません

皆さん、まだうまくいきません。
最初の行をクリックしてくださいまず、最後の行をもう一度クリックすると、最後の行の色が不完全になります。私は 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 コード
a [最初にクリックしてください。]< /td>
b
c< /td>
d
e
g
h [2 番目をクリックしてください。]

IE はバグが多くて使いにくいです。今、ie6 を使っている人はまだたくさんいるようですが、彼らは理解できないと言っています

T5500 の返答にはあまり感銘を受けませんでした。アプリケーションのパイロット テストを行った後、cellpadding="3" cellpacing="1" 属性を削除すると、まだ動作しないことがわかりました。長年の悩みが解決しました。

今回遭遇したことをまとめて [http://blog.csdn.net/cuckoo1/article/details/7394962] に載せておきます

改めてよろしくお願いします。ポイントを受け取ります。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート