テーブル、背景色と

Question

<table style="background-color:grey; width:30px;"> 
 
    <tr style="background-color:red;"> 
 
    <td>eazeeza</td> 
 
    <td>eazeazeaaa</td> 
 
    <td>ezaadsqqsdqs</td> 
 
    </tr> 
 
    <tr style="background-color:red;"> 
 
    <td>eazeeza</td> 
 
    <td>eazeazeaaa</td> 
 
    <td>ezaadsqqsdqs</td> 
 
    </tr> 
 
    <tr> 
 
    <td>eazeeza</td> 
 
    <td>eazeazeaaa</td> 
 
    <td>ezaadsqqsdqs</td> 
 
    </tr> 
 
</table>

丸め境界は適切な境界CSSで行われ、異なる背景色を使用していません。

ズームを十分に大きくしないと、赤いセル間のグレーの色が消えてしまいます（私が想定しているWebブラウザで処理された丸みのあるピクセルです）。私はそれがおそらく機能でありバグではないことを理解していますが、私はこれらの偽の境界が何であっても表示される必要があります。

完全なWebページのバグは同じですが、IE（IE11、文書モードI8、質問しないでください）でのみ発生し、テキストの内容に敏感ですが、表の内部でヘッダーの幅が変わってしまいます（ただし、JSFiddleで正しく再現できません。手がかりはありません）。

ズームが<（これはIEのみで問題ではなく、Chromeなど）の場合でも、灰色の線（JSFiddle）を表示する方法が見つかったら、私は私のバグの解決策。 しかし、四捨五入と背景色重ね合わせに関するブラウザーの動作を変更する方法はありますか？

Answer 1

あなたは、これは私が明らかにすることができるようにそう教えてください場合は、多分私は（十分に明確ではなかった、全く達成しようとしたものではない境界線の幅

table, th, td { 
 
    border: 1px solid grey; 
 
    border-spacing: 0; 
 
}

<table style="background-color:grey; width:30px;"> 
 
    <tr style="background-color:red; border-color:red;"> 
 
    <td>eazeeza</td> 
 
    <td>eazeazeaaa</td> 
 
    <td>ezaadsqqsdqs</td> 
 
    </tr> 
 
    <tr style="background-color:red;"> 
 
    <td>eazeeza</td> 
 
    <td>eazeazeaaa</td> 
 
    <td>ezaadsqqsdqs</td> 
 
    </tr> 
 
    <tr> 
 
    <td>eazeeza</td> 
 
    <td>eazeazeaaa</td> 
 
    <td>ezaadsqqsdqs</td> 
 
    </tr> 
 
</table>