2010-03-06 76 views
32

我想在Chrome浏览器中打印一个PHP生成的文档,在浏览器上看起来很好Link to the page I want to print但是我的打印机不会打印任何彩色背景,任何人都可以提供任何建议吗?我可以用CSS做这个吗?在Chrome中打印背景颜色

+1

http://superuser.com/questions/117162/printing-background-colours-in-chrome – random 2011-03-23 23:10:01

+7

Chrome现在允许在元素CSS中使用'-webkit-print-color-adjust:exact;'来打印背景。 – 2012-08-08 14:20:25

+0

看到类似的问题http://stackoverflow.com/questions/5355117/print-css-backgrounds-in-safari-chrome/9339257 – 2013-03-28 07:14:59

回答

58

您可以在浏览器中调整是否打印背景颜色和图像。查看您的浏览器打印选项。

Google Chrome offers this feature starting from version 26(2013年3月)。

还有starting from version 17,Chrome允许通过在元素CSS中使用-webkit-print-color-adjust:exact;以编程方式更改后台打印行为以打印背景。

+1

另外,请记住,绝大多数浏览器默认禁用背景颜色和图像。 – 2010-03-06 11:59:26

+0

谢谢你的提示Eduardo! – danielmesh 2013-02-20 22:02:11

+5

Google Chrome是否仍支持此选项?我在打印对话框中看到了该选项,但背景颜色仍未显示在pdf中 – 2014-08-30 18:30:17

7

戈登的答案很好,但对于那些CSS技巧生疏的人来说,这里有一个更完整的例子。

将下列内容放入文档的<head>部分。

<style type="text/css"> 
@media print { body { -webkit-print-color-adjust: exact; } } 
</style> 

顺便说一句,虽然铬/铬的打印对话框现在有一个Background graphics复选框,似乎只,如果你不点击Print using system dialog(在Linux中使用铬观察)工作。