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も試して、同じグラデーションに設定しました。
この時点で私はイライラしています。この追加の境界線/間隔を取り除く方法の他のアイデアはありますか?