我试图为我们的应用程序制作一个可打印的样式表，但我在@media打印的背景颜色有问题。
@media print {
#header{display:none;}
#adwrapper{display:none;}
td {
border-bottom: solid;
border-right: solid;
background-color: #c0c0c0;
}
}
其他一切工作，我可以修改边界和这样，但背景色不会通过打印。我知道，如果没有更多细节，你们可能无法回答我的问题。我只是好奇是否有人有这个问题，或类似的，以前。
当前回答
不要在打印样式表中设置背景颜色。只要在正常的css文件中设置属性，它就可以正常工作:)
签出这个例子:带有页眉和页脚的终极打印HTML模板
演示:带页眉和页脚的终极打印HTML模板演示
其他回答
如果你想创建“打印机友好”的页面，我建议添加“!”对你的@media打印CSS很重要。这会鼓励大多数浏览器打印你的背景图片、颜色等。
例子:
background:#3F6CAF url('example.png') no-repeat top left !important;
background-color: #3F6CAF !important;
-webkit-print-color-adjust:准确;仅仅是不够的 必须在属性中使用!important
这是打印预览后，我添加!重要的每个背景颜色和颜色属性在每个标签
这是在添加之前在chrome上打印预览
现在，要知道如何注入!对div的风格很重要，看看这个答案，我无法注入一个“!”重要”规则
你可以使用标签画布并“绘制”背景，这在IE9、Gecko和Webkit上都可以使用。
启用Chrome后台打印:
body {
-webkit-print-color-adjust: exact !important;
}
编辑: Chrome、Safari和Firefox浏览器:
body{
-webkit-print-color-adjust:exact !important;
print-color-adjust:exact !important;
}
发现这个问题，因为我在谷歌应用程序脚本中从html输出生成PDF时遇到了类似的问题，其中背景颜色也没有“打印”。
-webkit-print-color-adjust:准确;重要的解决方案当然没有工作，但是盒子阴影:插入000 1000px黄金;做了……很棒的hack，非常感谢你:)
