HTML/CSS-打印样式，背景不会显示？

我在制作一个与在浏览器中查看相同的用于打印的站点时遇到了一些问题。它看起来不错，唯一让我卡住的是它拒绝显示背景。图像很好，只是背景。我没有尝试过将图像设置为背景，但无论如何这都不是必需的，对吗

我将背景应用于一个DIV元素，如果有必要的话，使用十六进制颜色

这有什么办法吗？我搜索了一下，但没有发现有人有同样的问题

---

谢谢

打印或不打印背景图像不是可以通过CSS强制执行的内容：这是浏览器的设置，大多数（如果不是全部）浏览器默认为“不”。

打印或不打印背景图像不是可以通过CSS强制执行的内容：这是浏览器的设置，大多数（如果不是全部）浏览器都可以浏览器默认为“非”。

您可以尝试使用两个单独的元素，例如段落和图像，然后将图像的z索引设置为低于段落的z索引，然后将图像绝对放置在内容后面。但我建议不要打印背景。否则，你会扰乱用户的期望，人们可能会感到恼火。

你可以尝试使用两个单独的元素，例如段落和图像，然后将图像的z索引设置为低于段落的z索引，然后将图像绝对定位在内容后面。但我建议不要打印背景。否则，你会打乱用户的期望，人们可能会生气。

默认情况下，许多浏览器不会打印背景图像和颜色。您需要在“打印选项”中启用该选项。Chrome没有该选项，但要使WebKit浏览器（Safari、Google Chrome）打印背景图像或颜色，您应在元素中添加以下CSS样式：

-webkit-print-color-adjust: exact;

---

默认情况下，许多浏览器不打印背景图像和颜色。您需要在“打印选项”中启用该选项。Chrome没有该选项，但要使WebKit浏览器（Safari、Google Chrome）打印背景图像或颜色，您应在元素中添加以下CSS样式：

-webkit-print-color-adjust: exact;

---

CSS:

box阴影：插入0 1000px黄金

适用于所有浏览器以及表格单元格和行。
CSS:
box shadow:inset 0 1000px gold

适用于所有浏览器以及表格单元格和行。
有些浏览器在打印时可能会忽略背景以节省墨水。有些浏览器在打印时可能会忽略背景以节省墨水。嗯，好的。有什么解决办法吗？我没有设置图像作为背景，我只是设置了纯色，但我认为这无关紧要。我认为没有（除非你很好地要求访问者更改他们的浏览器设置）。作为一个非常普遍的规则，背景应用于装饰元素等；如果你的背景包括信息内容，你可以把它做成一个图像（我的意思是一个IMG元素）-这将被打印出来-如果有必要，用许多“图像替换”技术之一隐藏文本内容。嗯，好的。有什么解决办法吗？我没有设置图像作为背景，我只是设置了纯色，但我认为这无关紧要。我认为没有（除非你很好地要求访问者更改他们的浏览器设置）。作为一个非常普遍的规则，背景应用于装饰元素等；如果你的背景包含信息性内容，你可以将其制作成图像（我指的是IMG元素）-这将被打印出来-如果有必要，可以使用多种“图像替换”技术之一隐藏文本内容。我可以试一试。我不是为整个页面设置背景，我只是为一个表头设置背景。我认为他们不会因此而生气好电话。事实上，在表头显示背景很有意义。。。隐马尔可夫模型。。。我必须做一些头脑风暴，看看我是否能想出一个更有效的方法来做到这一点。另一种想法是，可以在表格标题中使用一个图像，其中包含所需的文本以及背景。如果使用这种方法，请确保使用正确的alt文本。许多浏览器的优点是，例如，如果您在黑色背景上有白色文本，则当您在没有背景的情况下打印时，浏览器会将文本颜色更改为黑色。我可以试一试。我不是为整个页面设置背景，我只是为一个表头设置背景。我认为他们不会因此而生气好电话。事实上，在表头显示背景很有意义。。。隐马尔可夫模型。。。我必须做一些头脑风暴，看看我是否能想出一个更有效的方法来做到这一点。另一种想法是，可以在表格标题中使用一个图像，其中包含所需的文本以及背景。如果使用这种方法，请确保使用正确的alt文本。许多浏览器的优点是，例如，如果您在黑色背景上有白色文本，当您在没有背景的情况下打印时，浏览器会将文本颜色更改为黑色。这对于我们内部支持的浏览器列表非常有效。这对我们内部支持的浏览器列表非常有效。尊敬的各位，这和所问的问题有什么关系？他们询问的是没有打印的背景图像。盒子的阴影和它有什么关系？@Andrew，这个技巧非常完美：盒子的阴影变成背景，然后打印出来！嗯，纪尧姆；我现在明白了。中编辑的额外解释也有帮助。谢谢你纠正我！这与所问的问题有什么关系？他们询问的是没有打印的背景图像。盒子的阴影和它有什么关系？@Andrew，这个技巧非常完美：盒子的阴影变成背景，然后打印出来！嗯，纪尧姆；我明白了，不是吗