背景色の印刷に問題がありました。
print-color-adjustは、背景色の問題をクロムで解決しました。
body{
-webkit-print-color-adjust: exact;
}
Firefoxのalternate CSSおよびIEについて).
前述のように、_-webkit-print-color-adjust: exact
_は、GoogleのChrome=およびAppleのSafariを含むWebKitブラウザーに固有です。したがって、コードはこれらの前述のブラウザーで適切に動作し、おそらく結果が少し異なります(サイト/アプリのスタイリング)。
このスニペットを標準化して、ブラウザだけでなくさまざまなデバイスでも普遍的に機能する提案がありました。コードは_color-adjust
_に簡略化されています。 _webkit-print-color-adjust
_プロパティと同様に、提案されたプロパティ_economy | exact
_の有効な値は同じです。
プロパティを印刷に使用する場合は、_@media print
_クエリ内のセレクター内で使用するだけです。
ドラフトされたプロパティのブラウザーでの広範な採用を保証することはできませんが、現在、FireFoxの最新バージョンに取り組んでいます。
Chrome And Firefoxの背景色を印刷するための代替CSSがあります。
td {
-webkit-print-color-adjust: exact;//:For Chrome
color-adjust: exact;//:For Firefox
}
これはFirefox(少なくともバージョン48.0.2)で「color-adjust」プロパティを使用して機能し始めています。
td {
background: #000 !important;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}