Странные проблемы с белой линией в столбцах таблиц с фоном
Короче говоря, у меня есть веб-сайт со странными белыми линиями при масштабировании с устройствами с сенсорным экраном. Сайт в основном использует таблицы для дизайна. Все эти проблемы случаются на элементе td, и сторона довольно случайна (внизу, сверху, слева, справа.) Вопрос очень похож на проблему, опубликованную несколько лет назад: тонкие серые черные линии на веб-странице, но разница здесь в том, что У меня нет div рядом друг с другом. Я мог бы решить один из них, используя цвет фона и закругленные углы вместо нескольких фонов, но я не могу использовать их везде, потому что фон на веб-сайте не может быть создан с помощью CSS-градиента.
Итак, что я подтвердил:
- Проблема может быть исправлена путем изменения цвета фона.
- Некоторые случаи случаются там, где нет соседа.
- Чем больше я увеличиваю, тем больше или больше полос можно увидеть.
- Все эти td-ы, которые имеют проблемы, имеют фоновое изображение, но не все элементы 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>