【问题标题】：Why Mac chrome print image with white background color为什么使用白色背景颜色的 Mac chrome 打印图像
【发布时间】：2018-01-29 00:43:30
【问题描述】：

预期行为

实际行为

<img src="png/ic-trigger.png" srcset="png/ic-trigger@2x.png 2x, png/ic-trigger@3x.png 3x" class="ic-emergency-on">

.ic-emergency-on {
    position: absolute;
    top: 12px;
    left: 8px;
    width: 20px;
    height: 18px;
    background-color: #fafafa;
}

.ic-emergency-on {
    position: absolute;
    top: 12px;
    left: 8px;
    width: 20px;
    height: 18px;
    background-color: #00fafafa;
}

那么，我想要的是另一种不打印白色背景颜色的解决方案吗？

【问题讨论】：

【解决方案1】：

您正在尝试使用来自 CSS Colors Level 4 的 8 位十六进制颜色 (#RRGGBBAA) 语法，即 not currently supported in Chrome。

改用十进制表示法：

background-color: rgba(0, 250, 250, 0.98);

【讨论】：

【解决方案2】：

#00FAFAFA 不是有效代码。十六进制三元组是在 HTML、CSS、SVG 和其他计算应用程序中用于表示颜色的六位三字节十六进制数。请重新检查您的颜色代码。

【讨论】：

【解决方案3】：

background-color: #00FAFAFA; 的十六进制值似乎很奇怪，或者不是您可以使用的真正的十六进制值。

我会使用background-color: rgba(0,0,0,0); 来提高透明度。

【讨论】：

【解决方案4】：

我找到了简单的解决方案。

只需删除背景色标签

【讨论】：