Question

简而言之，我有一个网站，在使用触摸屏设备缩放时会出现奇怪的白线。网站主要使用表格进行设计。所有这些问题都发生在 td 元素上，而且边是相当随机的（底部，顶部，左边，右边）。问题与几年前发布的问题非常类似：Thin gray black lines on web page，但是这里的区别在于我没有彼此相邻的div。我可以通过使用背景颜色和圆角而不是多个背景来解决其中一个，但我无法在任何地方使用它们，因为网站上的背景无法使用CSS渐变。

所以我确认了：

可以通过将背景图片更改为颜色来解决问题。
有些事件发生在没有邻居的地方。
我可以放大，可以看到更多或更长的条纹。
所有这些有问题的td-s都有背景图片，但是并非所有带图片的td元素都有奇怪的白线。

我无法复制网站最小化页面的问题，所以我不能发布jsfiddle，但我可以发布一个小的html（td标签之间出现问题）：

<table id="messages" class="default dark">
   <tbody>
      <tr>
         <td class="left_top">works</td>
         <td class="mid_top">top line</td>
         <td class="right_top">works</td>
      </tr>
      <tr>
         <td class="left">line on left</td>
         <td class="problematic">bottom line</td>
         <td class="right">line on left</td>
      </tr>
      <tr>
         <td class="left_bottom">works</td>
         <td class="mid_bottom">works</td>
         <td class="right_bottom">works</td>
     </tr>
   </tbody>
</table>

在表专栏的奇怪的空白线问题有背景

0 个答案: