web-dev-qa-db-ja.com

Chromeで背景色を印刷

PHP生成されたドキュメントをクロムで印刷しようとしていますが、ブラウザ上では見た目がきれいです 印刷したいページへのリンク しかし、私のプリンターは色付きの背景を印刷しません。

cssgoogle-chromeprinting
42
Mick

背景色と画像が印刷されるかどうか、ブラウザで調整します。ブラウザの印刷オプションをご覧ください。

Google Chromeバージョン26以降、この機能を提供 （2013年3月）。

また、 バージョン17以降 、Chromeは、-webkit-print-color-adjust:exact;要素のCSSで背景を印刷します。

76
Gordon

Gordonの答えは素晴らしいですが、CSSスキルが錆びている人のために、より完全な例を示します。

ドキュメントの<head> セクション。

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

ちなみに、Chrome/Chromiumの印刷ダイアログにはBackground graphicsチェックボックス、クリックしない場合にのみ機能するようですPrint using system dialog（LinuxのChromiumで観察）。

14
nobar