预期行为
- 图像标记打印具有非背景的图像。
实际行为
- 打印白色背景的图像。
目录
<img src="png/ic-trigger.png" srcset="png/ic-trigger@2x.png 2x, png/ic-trigger@3x.png 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;
}
'
那么,我想要的是还有另一种不打印白色背景颜色的解决方案?
似乎background-color: #00FAFAFA;
的十六进制值表现得很奇怪,或者不是您可以使用的真正十六进制值。
我只会使用background-color: rgba(0,0,0,0);
来提高透明度。
>#00FAFAFA
不是有效的代码。十六进制三元组是一个六位数、三个字节的十六进制数字,用于 HTML、CSS、SVG 和其他计算应用程序来表示颜色。请重新检查您的颜色代码。
您正在尝试使用 CSS 颜色级别 4 中的 8 位十六进制颜色 (#RRGGBBAA( 语法,该语法目前在 Chrome 中不受支持。
请改用十进制表示法:
background-color: rgba(0, 250, 250, 0.98);
我找到了简单的解决方案。
只需删除背景色标签