0

編集：

おすすめのハックはありますか？

現在、バックエンドで画像を生成し、それを新しいウィンドウで開いてから、画像を印刷することを検討しています。

他の要素を非表示にしてページの一部を印刷しています

$(...).hide();

次に、経由で印刷を呼び出します

window.print();

しかし、すべてのブラウザーで、スタイルの不一致が発生します。具体的には、背景色が消えます。

通常のWebページビュー：

ここに画像の説明を入力してください

印刷プレビュー：

ここに画像の説明を入力してください

関連するhtml（翡翠）は次のとおりです。

amount-due.span2
  dl
    dt Amount Due
    dd.align-right <%= RP.util.currency_to_symbol[invoice.currency.toLowerCase()] %>
      <% if (invoice.state !== "paid") { %>
      span <%= invoice.total_amount %>
      <% } else { %>
      span 0
      <% } %>

と

d.darken <%= RP.util.currency_to_symbol[invoice.currency.toLowerCase()] %><%= invoice.total_amount %>

関連するCSSは次のとおりです。

ここに画像の説明を入力してください

と

ここに画像の説明を入力してください

4

2 に答える 2

3

インク/トナーを節約するために、印刷用に背景色と画像をオフにしないブラウザを私は知りません。

いくつかはそれを再び有効にするためにユーザー設定を提供します。

すべての背景が白になることを前提にスタイルシートを設計し、他の手段（太字のテキストなど）を使用してコンテンツの特定の部分を強調します。

于 2012-08-13T19:45:35.927 に答える
0

これは、ブラウザが背景を印刷しないためです。

Firefoxを使用している場合は、次のことができます。

ファイル>ページ設定...>フォーマットとオプション>オプション>背景の印刷（色と画像）

また

Firefoxボタン>印刷...>ページ設定...>フォーマットとオプション>オプション>背景の印刷（色と画像）

于 2012-08-13T19:49:38.170 に答える