0

CSSを介して背景グラデーションを追加している4つの列テーブルがいくつかあります-

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テーブルタグ、テーブルborder-collapse: collapse, border-spacing: 0、およびテーブルのスタイルシートに境界線がないことを確認するために、通常のすべてのことを行いborder: 0ました。楽しみのために、-webkit-border-imageも試して、同じグラデーションに設定しました。

この時点で私はイライラしています。この追加の境界線/間隔を取り除く方法の他のアイデアはありますか?

4

0 に答える 0