0

テーブルへの細い境界線用に次の css があります。Chrone と Firefox では動作しますが、IE8 では動作しません。

table.list
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
}

.list td, .list th 
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    border-style: solid;
}

IE8 では、すべての tds ではなく、テーブルの左と下の境界線が表示されません。何故ですか？

4

1 に答える 1

2

表を拡大してよく見ると、左と下にそれぞれ縁取りがありますが、白です。明示的にborder-color黒と入力し、ケースは解決されました。編集後のcssは次のとおりです。 

table.list
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
    border-color: Black;
}

.list td, .list th 
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color:Black;
}
于 2013-01-23T02:14:51.937 に答える