compatibility - RGBA 是否与 css inline 一起用于时事通讯

Question

我正在创建一份时事通讯，我希望有一些颜色具有一定的透明度。那么，是否可以使用 RGBA 作为背景色？

是否兼容所有电子邮件阅读器？

例子:

<table cellspacing="0" cellpadding="0"> 
    <tr> 
     <td> 
      <hr height="1px" width="320px" style="border:none;background-color: rgba(235, 173, 21, 0.3);"></hr> 
     </td> 
   </tr> 
</table>

Answer 1

不能在电子邮件中始终使用 RGBA。电子邮件设计的众多怪癖之一是它识别 CSS 和旧式 HTML 标签中的颜色声明的方式。

这些工作:

• bgcolor=“#770000”
• style=“颜色:#770000；”
• style=“背景颜色:#770000；”

不要使用这些:

• style=“颜色:红色；”
• style=“颜色:rgba(215, 40, 40, 0.9);”
• style=“颜色:#700；”

所有速记、颜色名称、3 位十六进制代码和 RGBA 值并非在所有电子邮件客户端上都一致。

您会注意到我使用了 bgcolor 标签。您应该使用这种旧式方法为您的所有元素设置背景 - 就像其他旧式声明(例如宽度和边框)一样。

关于 Gmail 的简短说明(不确定此后是否已解决此问题):

Gmail 有一个怪癖，它会忽略超链接中的#000000(黑色)和#FFFFFF(白色)。使用 #000001 和 #FFFFF9 作为解决方法。