Chrome-bug mit colspan und Grenze?

Im Beispiel unten gibt es eine Grenze auf der Oberseite der rechten Zelle. Es erscheint nur in Chrom, es ist ein Chrome bug?

HTML /CSS

CSS:

html,
body {
  height: 100%;
}
table {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.left {
  border-right: 1px #aaaaaa solid;
  border-top: 1px #aaaaaa solid;
}

HTML:

<table>
  <tr>
    <td colspan=2>top</td>
  </tr>
  <tr>
    <td class="left">left</td>
    <td>right</td>
  </tr>
</table>

Hier ist das Beispiel wie ein Turnschuh.

Chrome Screenshot

Chrome-bug mit colspan und Grenze?

  • Es sieht sogar noch mehr glitchy, wenn Sie gestylt Ihre Grenze, wie dies (border-top: 3px #aaaaaa gestrichelte;). Bitte haben Sie einen Blick: jsfiddle.net/5366whmf/28 BTW, es ist fast wie ein Jubiläum für die Fehler, aber das problem wurde nicht gelöst.
  • dieser Google-Chrome-bug noch vermehrt heute, mit der neuesten chrome-Version 72.0.3626.121 (Offizieller Build) (64-bit)
InformationsquelleAutor no_gravity | 2014-08-31
Schreibe einen Kommentar