cssで印刷用ページ作れる？？

質問

現在、表示されているhtmlページはページを軽くするため
背景に画像をおいたりしています。

当然、印刷プレビューでは表示されません。
印刷したい人がブラウザで背景表示を設定してもらわなければならないです。

そこでなんですが、ユーザーが印刷ボタンを押したときに、cssで私が印刷して欲しい「.jpg」をユーザーに印刷してもらうことはできるのでしょうか？

A.htmlを表示しておいて、印刷ボタンを押すとA.htmlの「.jpg」を印刷してもらうというような。

わかりにくい文章ですみません。よろしくお願いします。

回答No.2

dezimac · ベストアンサー

印刷用 CSS で背景画像を印刷させる方法
http://www.lucky-bag.com/archives/2005/12/print-background-image.html

> ページを軽くするため背景に画像をおいたりして
？？？
本来、<img>タグで表示するべき画像も全部、CCSで背景画像として表示させていると言うことですか？
だったら全く無意味です。
<img>タグにしろ、CSSにしろ画像を読み込むことには変わりなく、ページ全体の読み込み/表示にかかる時間（データ量）はほとんど変わりません。
CCSや<img>によるの記述の違い分、ぜいぜいが数十Byte程度です。

参考URL：

http://www.lucky-bag.com/archives/2005/12/print-background-image.html

お礼

考え方を変えて、リンク先をトライしてみようかと。
ありがとうございます。

補足

かなりキーワードきついＨＰを依頼されていましたので。
軽くというか、背景にして少しでもコードを減らす狙いです。
seo対策です。

回答No.3

abril

CSSの指定を対応するメディア毎（スクリーンとプリント）に振り分ける事で、ブラウザに表示される結果とプリント時の結果をある程度まで近づける事は可能ですが、基本はANo.1様の仰る通りですし、軽量化に関する認識の誤りについてもANo.2様のご指摘の通りです。またANo.2様がご紹介されている方法は、かなり力業ですので、理屈を良くわかってないと思う様にうまく行かないかもしれませんし、環境も選ぶ様です。

といいいますか、印刷時にも閲覧者に見えていて欲しい様な「重要な意味のある」画像であるなら、そもそも背景にするべきではないですね。
背景に指定する画像というのは、本来それが表示されなくても閲覧者が情報を取得するのに支障がないもの（単なる飾りの意味しかない画像、例えば壁紙・リストマーク・角丸にする為の画像、etc.…）に留めておくべきでしょう。

補足

seoのために背景にしていました。
印刷も考えて、多少見直しです。

回答No.1

nori_007

背景画像である限り、利用者で設定をしなければ印刷ができません。この辺は利用者の環境に依存し、CSS でどうにかなる話ではないと思います。