缩放时IE 11和Edge中的边框单元渲染问题

Question

代码：

＆＃13;

＆＃13;

table {
  border-collapse: collapse;
  zoom: 1;
}
table td {
  border: 1px solid #999999;
  margin: 0px;
  padding: 0px;
  zoom: 1;
}
.cell1 {
  background: linear-gradient(90deg, #FBFBFB 50%, #c7d41a 50%);
}
.cell2 {
  background-color: #c7d41a;
  zoom: 1;
}
.cell3 {
  background: linear-gradient(90deg, #c7d41a 50%, #FBFBFB 50%);
}

＆＃13;

<table class="table">
  <tr>
    <td>
      <div class="cell1">1</div>
    </td>
    <td>
      <div class="cell2">2</div>
    </td>
    <td>
      <div class="cell3">3</div>
    </td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

当缩放为100％时，一切都显示正常。 当放大＆gt; 100％，IE 11和Edge在单元格内创建明亮的边框。

有人知道消除这些边界的解决方法吗？