0

次のCSSを使用して<tr>完全に境界線を付けています。

<style type="text/css">
    tr.top td { border-top: thin solid black; }
    tr.bottom td { border-bottom: thin solid black; }
    tr.row td:first-child { border-left: thin solid black; }
    tr.row td:last-child { border-right: thin solid black; }
</style>

これはMozillaFirefoxで完全に機能しますが、Internet Explorerでは<td>、次のスナップショットに示すように、最後の右側に隣接していません。

Firefoxでは、次の表が表示されます。

ここに画像の説明を入力してください

ただし、Internet Explorer（8）では、次のように表が表示されます。

ここに画像の説明を入力してください

上記のCSSでは、このCSSクラスtr.row td:last-child { border-right: thin solid black; }はIEでは機能しないことを意味します。これに対する解決策は何ですか？IE8を使用しています。

4

2 に答える 2

3

IE 8は:last-child疑似クラス（CSS 3）をサポートしていませんが、サポートしています:first-child（CSS 2.1）

CSSの互換性とInternetExplorer

カスタムクラス名など、最後のセルには別のセレクターが必要です。

于 2012-04-11T17:54:31.697 に答える
1

ところで、境界線を css ファイルの外で宣言するのではなく、スタイルの後に TD タグ内で宣言するとどうなるでしょうか? IE8 にはボーダー レンダリングに関するいくつかのバグがあると言われました。ここに投稿して、動作するかどうかを確認してください。

別の疑問ですが、なぜ薄いのではなく 1px を使用しないのですか!?

于 2012-04-11T17:56:29.810 に答える