Question

我在webview中有一个表，我在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刀片上），并且不会出现在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缩放得更好，渐变更平滑。远非完美的解决方案，但它确实有效。

表中的-webkit-gradient导致Android中的边框线

1 个答案: