android - -表格中的webkit-gradient导致Android中出现边框线

Question

我在 Android 应用程序中使用的 Web View 中有一个表格。

问题是 "background-image:-webkit-gradient(linear, left top, left bottom, from(#3F3F3F), to(#202020));"导致 <td>s 之间出现一条白线那张 table 的。 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 缩放效果更好并且渐变更平滑。远非完美的解决方案，但它确实有效。