0

简而言之,我有一个网站,在使用触摸屏设备进行缩放时有奇怪的白线。网站主要使用表格进行设计。所有这些问题都发生在td元素上,并且侧面非常随机(底部、顶部、左侧、右侧)。这个问题与几年前发布的一个问题非常相似:网页上的灰黑色细线,但这里的区别在于我没有相邻的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>
4

0 回答 0