-webkit-gradient в таблице вызывает пограничные линии в Android

Question

У меня есть таблица в веб-представлении, которую я использую в приложении для Android.

Проблема заключается в том, что "background-image:-webkit-gradient(linear, left top, left bottom, from(#3F3F3F), to(#202020));" вызывает белую линию между <td>s этой таблицы. Border-collapse or border:none работает только без градиента.

Линии не отображаются на всех устройствах Android (например, на Galaxy S2, zte blade) и не отображаются в хромированном или iphone. Результат тот же, что и без фона: -webkit ... но с черными линиями.

Любые предложения?

CSS:

.sporttable tr:nth-child(1) 
{ 
    background-image:-webkit-gradient(linear, left top, left bottom, from(#3F3F3F), to(#202020)); 
    background-size: auto; 
    color: #fff; 
    font-weight: bold; 
} 

Answer 1

Я решил это с помощью градиента фонового изображения позади CSS, это сделает линию практически не видна на осуществленных устройствах. Преимущества против использования фона изображения в том, что css масштабируется намного лучше, а градиент намного более плавный. Далеко не идеальное решение, но оно работает.