为啥使用白色背景颜色的 Mac chrome 打印图像

Posted 2023-02-16

【中文标题】为啥使用白色背景颜色的 Mac chrome 打印图像

【英文标题】：Why Mac chrome print image with white background color为什么使用白色背景颜色的 Mac chrome 打印图像

【发布时间】：2018-01-29 00:43:30

【问题描述】：

预期行为

图像标签打印非背景图像。

实际行为

以白色背景打印图像。

html

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

CSS

以白色背景印刷。

`

.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 和其他计算应用程序中用于表示颜色的六位三字节十六进制数。请重新检查您的颜色代码。

【讨论】：

8 digit hex codes are valid in CSS Colors Level 4

【参考方案3】：

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

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

【讨论】：

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

8 digit hex codes are valid in CSS Colors Level 4

【参考方案4】：

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

只需删除背景色标签