印刷時に背景色が設定されない時の対応【IE,Chrome】

印刷時に背景色が設定されない時の対応【IE,Chrome】
     

まだまだ印刷の需要は無くならないようで、先日も印刷対応があり、その中に詰まってしまったのでメモしておきます。

ブラウザ毎に対応方法が異なるので少し厄介かもしれません。

後述しますが、ChromeであればCSSから制御できるので要件にもよりますが、できればChromeで対応したいところです。

対応

Internet Explorer

IEではCSSから背景色の印刷を制御する方法が見つからず、ユーザーにブラウザの設定をしてもらう必要があります。

設定方法は以下を参照のこと。

Webページを印刷すると、背景色が印刷されない場合の対処方法について知りたい。

Google Chrome

一方ChromeではCSSから背景色の印刷を制御することが可能でした。

CSSで以下のプロパティを指定します。

-webkit-print-color-adjust: exact

リファレンスはこちらを参照のこと。

webkit系ブラウザで実装されており、Chrome、Edge、Opera、Safariで使用可能との事です。

ちなみに印刷プレビュー時の設定で、「オプション>背景のグラフィック」にチェックをすることでも背景色の印刷が可能です。

IT系の雑記カテゴリの最新記事