Email 带表格、电子邮件的幻影线效果

在开发我的电子邮件模板时，我遇到了一个奇怪的鬼线效应，但它只发生在移动设备上。这条鬼影线看起来像一条非常细的不透明1px线

以下是我的代码片段：

<table bgcolor="#cccccc" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td align="center" valign="top">
            <table width="600" border="0" cellpadding="0" cellspacing="0" style="display: block; margin-top: 10px;">
                <tr>
                    <td align="left" style="padding: 5px 20px;">
                        <span style="color: #fff; font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif; font-size: 14px;">
                        </span>
                    </td>
                </tr>
            </table>
        </td>
     </tr>
</table>

---

最值得注意的是，当两张桌子相互叠放在一起并且它们的颜色相同时，这种效果非常明显。

这是iOS高分辨率设备中的一个已知错误。我已经遇到过很多次了，似乎没有解决办法。我看到的唯一替代方法是，将所有内容包装到一个容器表中，并为该容器表提供bg颜色或使用bg图像。这几乎就像1px是一个缺口，而不是一条线，因为你可以看到后面是什么。一旦你放大它就会消失