幻灯片效果与表，电子邮件

Question

在开发我的电子邮件模板时，我遇到了一种奇怪的“鬼线”效应，但它只发生在移动设备上。这条鬼线看起来像一条非常薄的不透明的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> 

最值得注意的是，效果确实明显，当有堆叠ontop的相互两个表，它们是相同的BGCOLOR。

Answer 1

这是iOS高分辨率设备中的一个已知错误。我遇到过很多次，似乎没有解决办法。我看到的唯一选择是，如果你将所有东西都包装到一个容器表中，并给它一个bg颜色或使用一个bg图像。这几乎就像1px是一个差距而是一条线，因为你可以看到背后是什么。它放大后会消失。