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"
• 样式=“颜色：#770000；”
• style="背景颜色：#770000;"

不要使用这些：

• style="颜色：红色；"
• style="color: rgba(215, 40, 40, 0.9);"
• style="颜色：#700;"

所有速记、颜色名称、3 位 HEX 代码和 RGBA 值在所有电子邮件客户端中的工作方式不一致。

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

关于 Gmail 的简短说明（不确定此后是否已解决）：

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