Css bg颜色属性--显示的颜色错误

我目前面临一个关于

bg color

data属性的wierd问题。我正在使用premailer编写一个电子邮件模板来内联我的风格

---

这是问题所在：

$color_main: red;
$color_main-background: rgba($color_main, .5);

.foo {
    background: $color_main-background;
}

结果:

将输出以下内容：

<tr class="foo" bgcolor="rgba(255, 0, 0, 0.5)">
    .
    .
    .
</tr>

这是错误的，绿色

[cfr.链接图像]

---

对……有什么想法吗。。。为什么?

顺便说一句，它与

.foo {
    background: $color_main; (= red)
}

---

提前感谢：）

通常，在处理电子邮件时，假装它仍然是21世纪初，带有

标签和所有东西（不要在

中保留任何东西，因为它经常被丢弃）。。。有可能它在阿尔法通道上绊倒了

rgba

try

rgb（255128128）

或

#ff8080

作为测试。我试着写“rgba（红色，0.5）”（基本上就是你在做的）。这在chrome中不起作用。如果你要使用rgba，你必须使用数字，即rgba（255，0，0，0.5）（255，0，0将是红色）是的，这是阿尔法·夏奈尔的问题！它适用于简单的RGB颜色。但是由于我有多个不同颜色的“主题”，我真的希望我的代码根据主题从我的基础颜色创建alpha背景色。我想我必须为每个主题用十六进制写我的背景色。。。你知道任何将RGBA转换成十六进制的SASS函数吗？但是谢谢你的回答！我想我遗漏了什么问题很简单，

rgba（…）

是bgcolor属性的错误值。所以不同的浏览器会显示不同的东西。（在IE中显示为粉红色）是否真的不可能使用

样式

属性？否则，您可能需要找到一个mixin，该mixin可以从rgba颜色计算rgb颜色。内置函数

mix

不能做到这一点。

.foo {
    background: $color_main; (= red)
}