在Chrome中打印背景顏色

我想在Chrome瀏覽器中打印一個PHP生成的文檔，在瀏覽器上看起來很好Link to the page I want to print但是我的打印機不會打印任何彩色背景，任何人都可以提供任何建議嗎？我可以用CSS做這個嗎？在Chrome中打印背景顏色

2010-03-06 Mick

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

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

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

您可以在瀏覽器中調整是否打印背景顏色和圖像。查看您的瀏覽器打印選項。

還有starting from version 17，Chrome允許通過在元素CSS中使用-webkit-print-color-adjust:exact;以編程方式更改後臺打印行爲以打印背景。

2010-03-06 11:57:06 Gordon

另外，請記住，絕大多數瀏覽器默認禁用背景顏色和圖像。 – 2010-03-06 11:59:26

謝謝你的提示Eduardo！ – danielmesh 2013-02-20 22:02:11

Google Chrome是否仍支持此選項？我在打印對話框中看到了該選項，但背景顏色仍未顯示在pdf中 – 2014-08-30 18:30:17

戈登的答案很好，但對於那些CSS技巧生疏的人來說，這裏有一個更完整的例子。

將下列內容放入文檔的<head>部分。

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

順便說一句，雖然鉻/鉻的打印對話框現在有一個Background graphics複選框，似乎只，如果你不點擊Print using system dialog（在Linux中使用鉻觀察）工作。

2016-10-14 17:58:03 nobar

回答