2016-02-25 4 views
11

背景色を印刷する際にいくつかの問題がありました。firefoxとIEで-webkit-print-color-adjustの代わりになるもの

print-color-adjustは、クロムで背景色の問題を解決しました。

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

このため、FirefoxとIEで代替CSSどのようなものです。

+0

は、それが**のWebKit **エンジンをベースのブラウザで背景色と画像の印刷を強制するために使用できる非標準のCSSの拡張機能です...何もありません。 –

+1

には、メディアプリントで背景色を表示するためにいくつかのクラスを強制する方法はありません\ –

答えて

4

クロム以外のブラウザで背景色を印刷する代替CSSはありません。

6

-webkit-print-color-adjust: exactは、GoogleのChromeとAppleのSafariを含むWebKitブラウザに固有のものです。そのため、上記のブラウザではコードが適切に機能するはずです(サイト/アプリのスタイルに応じて)。

だけではなく、ブラウザのためにあまりにも異なるデバイスのための普遍的に動作するように、このスニペットを標準化するための提案がなされています。コードはcolor-adjustに簡略化されています。 webkit-print-color-adjustプロパティと同様に、提案されたプロパティeconomy | exactの値は同じです。あなたが目的を印刷するためのプロパティを使用したい場合は

、単に@media printクエリ内のセレクタ内でご使用ください。

しかし私はそれが現在のFirefoxの最新バージョンに取り組んでいる、起草プロパティのブラウザで広く採用さを保証することはできません。

[Source]

+0

これは受け入れられる回答でなければなりません。 –

0

これは、「カラー調整」プロパティでFirefoxの(少なくともバージョン48.0.2)で動作するように始めています。

td { 
    background: #000 !important; 
    -webkit-print-color-adjust: exact; 
    color-adjust: exact; 
} 
関連する問題