-webkit-table中的漸變會導致Android中的邊框線條

Question

我在android應用中使用的webview中有一個表格。

問題是"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; 
} 

Answer 1

我此使用的CSS後面的梯度的背景圖像，這將使線幾乎不受影響的設備上可見解決。與僅使用圖像背景相比，其優勢在於CSS的縮放更好，漸變更平滑。遠非完美的解決方案，但它工作。