幻燈片效果與表，電子郵件

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是一個差距而是一條線，因爲你可以看到背後是什麼。它放大後會消失。