-webkit-градиент в таблице вызывает границы линий в Android - PullRequest
Новая
       40

-webkit-градиент в таблице вызывает границы линий в Android

2 голосов
/ 22 марта 2012

У меня есть таблица в веб-представлении, которую я использую в приложении для 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) и не отображаются в Chrome или 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;
}

1 Ответ

2 голосов
/ 02 мая 2012

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

...