[CSS] Chrome や Safari で背景色(background-color)や背景画像(background-image)も印刷する方法

Sun, October 6, 2013 - 1 min read

Chrome や Safari のデフォルトの印刷設定では、CSS の background-color や background-image が反映されません。

Chrome だと印刷オプションの「背景の色と画像」に、Safariだと「背景をプリント」にチェックを入れれば印刷可能ですが、ユーザにそれを強いるのもイケてないですよね。

下記のCSSで、背景色や背景画像も印刷できます。

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}

WebKit を用いたウェブブラウザだとこれで対応できるんですかね。


参考情報

Chrome で背景色や背景画像を印刷する - Blog, The