iosのhtml電子メールの白い境界

Question

私たちは暗い背景を持つhtml電子メールを作成しましたが、iosの薄い白い罫線を除いてすべて完璧です。それは外観の奇妙な動作を持っています：borderaは元のサイズでのみ表示されます。いくつかのアイデアをどのように修正できますか？スクリーンショットとコードスニペットを使用すると、個別に二つ以上のテーブルのセルに背景色を適用するとこれは通常起こり https://postimg.org/image/6l32f0cbl/ https://postimg.org/image/rw0mj9ug1/

<table style="width: 600px; border-collapse: collapse;" cellspacing="0" cellpadding="0"> 
<tr> 
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/bundle.png"></td> 
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/call.png"></td> 
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/delivery.png"></td> 
</tr> 
<tr> 
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Большие пакеты минут<br>и Интернет трафика,<br>для звонков по Казахстану<br>и в роуминге</div></td> 
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Приоритет в Call-center,<br>Офисах продаж<br>и обслуживани</div></td> 
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Доставка купленного<br>номера в любую<br>точку Казахстана</div></td> 
</tr> 
</table> 

Answer 1

下回っています。これを解決するには、背景色を親表に追加します。

Found here。

<table style="width: 600px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"> 
 
<tr> 
 
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/bundle.png"></td> 
 
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/call.png"></td> 
 
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/delivery.png"></td> 
 
</tr> 
 
<tr> 
 
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Большие пакеты минут<br>и Интернет трафика,<br>для звонков по Казахстану<br>и в роуминге</div></td> 
 
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Приоритет в Call-center,<br>Офисах продаж<br>и обслуживани</div></td> 
 
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Доставка купленного<br>номера в любую<br>точку Казахстана</div></td> 
 
</tr> 
 
</table>