css - CSSで生成されたグラデーションを印刷する

Question

私はこれをあちこちで検索しようとしましたが、私の質問に近いものはどこにも見つかりませんでした。

CSSで生成された線形グラデーションを印刷できるかどうか誰かが知っていますか？上司のウェブサイトをモックアップしていて、見た目はとてもいいのですが、プリンターに適したページを作成しようとすると、グラデーションがまったく表示されません。

参考までに、私が印刷しようとしているのは、範囲内の値の結果を示すために、その上にスライダー要素があるインジケーターバーです。

グラデーションはページ上で非常に見栄えがしますが、印刷ダイアログには表示されません。

前もって感謝します！

Answer 1

あなたの問題を正しく理解していれば、すべての背景画像が正しく印刷されていないように聞こえますか? これは IE のデフォルトの動作です。背景グラフィック (「グラデーション グラフィック」が含まれる場合があります) を印刷するには、[印刷] -> [ページ設定] に移動し、[背景の色と画像を印刷する] をクリックします
。これがお役に立てば幸いです。

Answer 2

ここでは正確ではありませんが、印刷はブラウザ エンジンとは別に独自のエンジンでレンダリングされます。

典型的には (たとえば iPad を除いて)、インクを節約するために背景画像と特定の種類のレンダリングされた素材を除外します。これを変更する唯一の方法は、ユーザーが自分の印刷設定を変更した場合です。

ページを画像としてレンダリングし、画像を印刷しない限り、これを実現する CSS または Javascript の方法はありません。

必要に応じてさらに詳しく説明することもできますが、iPad を除いて、電子メールの書式設定などの印刷の書式設定は、理解するのが難しい領域です。