RGBA是否与css内联使用时事通讯

时间:2013-03-08 14:02:52

标签: compatibility opacity background-color newsletter rgba

我正在创建一个时事通讯,有些颜色我希望有一些透明度。那么,是否可以将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>

1 个答案:

答案 0 :(得分:4)

无法在电子邮件中一致地使用RGBA。电子邮件设计的许多怪癖之一是它在CSS和旧式HTML标签中识别颜色声明的方式。

这些工作:

  • bgcolor =“#770000”
  • style =“color:#770000;”
  • style =“background-color:#770000;”

不要使用这些:

  • style =“color:red;”
  • style =“color:rgba(215,40,40,0.9);”
  • style =“color:#700;”

所有简写,颜色名称,3位数十六进制代码和RGBA值在所有电子邮件客户端中都不能保持一致。

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

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

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