0

我有几个 4 列表，我通过 CSS 添加背景渐变 -

tr, td {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #335781), color-stop(100%, #00244e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #335781 0%, #00244e 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #335781 0%, #00244e 100%); /* Firefox 3.6+ */
    background: linear-gradient(top, #335781 0%, #00244e 100%); /* W3C */
}

这在 Chrome 和 Firefox 中效果很好，并为整个表格行提供了线性渐变。但是，当在库存浏览器中的 Android 4.0 设备上查看时，我最终会看到每个标签之间的纯色边框。我已经完成了所有常见的事情来确保没有边框：cellpadding=0 cellspacing=0在 table 标记上，以及border-collapse: collapse, border-spacing: 0，以及border: 0在 table 上的样式表中。只是为了好玩，我还尝试了 -webkit-border-image 并将其设置为相同的渐变。

在这一点上我很沮丧。任何其他想法如何摆脱这个额外的边框/间距？

4

0 回答 0