- ベストアンサー
CSSのプリントで背景画像が表示されない問題について
- HP制作中に、背景画像を表示するためにCSSを使用していますが、プリント時に画像が表示されません。
- 他のサイトを参考にしてもうまくいかず、printのCSSを1から作る方法しかないのでしょうか？
- プリントで背景画像を表示させるための方法についてアドバイスをいただけないでしょうか？
- rossi46mail
- お礼率96% (251/260)
- CSS
- 回答数2
- ありがとう数5
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
大抵のブラウザは印刷時のオプションで背景を印刷するように設定しないと背景画像は印刷されません。 > 画像を背景画像として表示 特に意味はない装飾目的の画像ならCSSで背景画像としてもいいですが、 何でもかんでもCSSで背景画像とせずに意味のある画像（写真や説明のイラストとか）なら、imgタグで表示した方がいいです。 もしSEOがとか気にしているなら、imgタグの利用は関係ありません。 > どういった方法でprintで背景画像を表示 印刷用のCSSを用意しているけど、ディスプレイのをそっくりそのまま印刷するようにはしていません。 印刷されたのには検索フィールドとか要らないですから、 必要最低限の部分だけをシンプルに見やすく印刷するようにしているので、背景とかなくても構わないようにしています。 画像も背景ではなく意味のあるのはimgタグで表示しているから何もしないで印刷されます。 一応方法はないことはないけど、100%上手くものではありません。 強制的に 印刷用 CSS で背景画像を印刷させる方法 http://www.lucky-bag.com/archives/2005/12/print-background-image.html
その他の回答 (1)
- aoumiushi
- ベストアンサー率45% (234/512)
背景画像印刷はブラウザの設定で行います。 FireFox3.6 メニューから[ファイル] > [ページ設定] の順にクリック。 [書式とオプション]タグの、オプション内の[背景色と背景画像も印刷]にチェックを入れます。 IE8 メニューから[ファイル] > [ページ設定] の順にクリック。 用紙オプション内の[背景色の色とイメージを印刷する]にチェックを入れます。 試してみてください。
お礼
さっそくの回答ありがとうございます。 cssやJavaScriptを使ってプリントで表示する方法が知りたかったのです。 でも回答いただきありがとうございます。 参考にさせていただきます。
お礼
回答ありがとうございます。 とても勉強になりました。 imgタグでもいいんですね。意味のある画像と使い分けてみようと思います。 背景画像置換のところはご呈示いただいたサイトで勉強してみたいと思います。 ありがとうございました。