1

さまざまなページにいくつかのテーブルを作成しようとしています。現在、ボーダーは IE8、FF、Chrome、Safari では機能しますが、IE9 では機能しません。お知らせするために、最初にテーブルに境界線を作成してから、背景色を入れました.

これが私のコードの問題点の視覚的な例です。Google Chrome と IE 9 を並べて配置したので、境界線がブラウザーで完全に機能し、IE9 でどのように反応するかを確認できます。(左が Chrome、右が IE9):

Browser Developer Tools を調べてみると、境界線のスタイルは両方のブラウザーに存在しますが、特に IE8 では同じコードが正常に機能するため、IE9 の反応は非常に奇妙に見えます。

私が自分のコードに対して行ったこと:

国境については、私はこれを持っています：

table.policy_table td {
   border-top: 1px solid #A9B0B6;
}

行に色を付けるために行ったのは、テーブルを含むページの PHP ファイルです。これは、ブラウザが IE8 以降で互換性を持って動作することを確認する必要があったためです。

jQuery("tr:even").addClass("even");

そしてcssファイル内にはこれがあります：

.even {
   background: #F4F4F4;
}

nth-child を使用しなかった理由は、IE8 がこれらのページにアクセスでき、IE8 が nth-child をサポートしていないためです。背景色コードを削除すると、すべての境界線が正常に戻りました。

私の質問:

境界線を台無しにしたのは、行の背景に色を付けようとした方法だと思いますか? IE9がこれを行う理由を知っている人はいますか? 私はしばらくの間調査してきましたが、なぜこれが起こったのかについての結果は見つかりませんでした.

4

0 に答える 0