我有一个非常简单的HTML文档，即一张卡的可视化表示，该文档被发送给通过我们的网站购买礼品卡的人。美元金额添加到背景图像中，并由CSS设计。就像我说的。非常简单。
在屏幕上，美元金额(右上角(显示为白色，这是我想要的。
它在屏幕上的显示方式
但是，当打印(以及印刷预览(时，美元数量为深灰色，这使得很难在背景上看到。
印刷时如何出现
无论客户使用哪种浏览器，都会发生同样的事情。我自己在Chrome和Safari上进行了测试，结果相同。根据客户的打印机，美元金额可能很难阅读。
白色以外的任何颜色似乎都可以正常工作。当我查看Inspect Element中的打印机仿真时，红色CSS会出现红色，并将其打印为红色。黑色CSS显得黑色，它将以黑色打印。但是，虽然白色CSS看起来为白色，但每次都会按照灰色灰色打印。这让我发疯，我敢肯定这是一个简单的解决方案。
我们需要客户能够清晰地打印这些电子礼物卡。我在这里缺少什么？
我一生的故事：我在一个问题上工作了几个小时，请发出一个寻求帮助的问题，几乎立即找出答案。
问题似乎是浏览器在网页上出现时不想打印白色。说得通。白色不会出现在白皮书上，因此它使其变为灰色。
解决方案似乎是将-webkit-print-color-adjust: exact;添加到样式中。至少适用于Chrome和Safari。
在我的工作中，在打印中，它们具有一些不同的CSS样式代码。您可以使用
@media print { //your css code }
并检查结果。我建议在所有页面中使用表布局。