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

Question

我目前面临着bg-color数据属性的奇怪问题。我正在使用预制商编写电子邮件模板以内联我的风格。

以下是问题：

$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>

good 。

但我的浏览器（ Google Chrome v.58.0.3029.110 ）将其翻译为：

tr[Attributes Style] {
    background-color: rgb(0, 80, 0);
}

错误，绿色。

[（CFR）。链接图片]

任何想法......为什么？

顺便说一下，它适用于

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

提前致谢：）