- ベストアンサー
hタグ 印刷時の背景画像
おせわになります。 hタグで背景画像を使用しており、 プリント表示させると、その背景画像が消えてしまいます。（IE6、IE7） プリントアウト時も同じように印刷させたいのですが、 対策はありますでしょうか。 ※今の段階でどうしても不可能な場合は、 media="print"指定で、border-bottomで対応しようと考えております。 ▼HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>test</title> <style type="text/css"> <!-- h1 { padding-bottom:10px; background:url(http://www.geocities.jp/ajax3210/dotline.gif) repeat-x bottom; } --> </style> </head> <body> <h1>テスト見出し</h1> </body> </html>
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ブラウザの印刷設定がちゃんとなっていると仮定して、 http://blog.aire-project.com/entries/57.php このバグではないでしょうか。 自分もこれで昔焦った事があります。
その他の回答 (1)
- ぜ り～（@-Jelly-）
- ベストアンサー率34% (132/383)
>プリント表示させると、その背景画像が消えてしまいます。（IE6、IE7） 初期設定（デフォルト）が「印刷しない」という仕様になっています ツール インターネットオプション 詳細設定 [背景] 背景の色とイメージを印刷するのチェックをON この設定で印刷されます
お礼
ご回答、ありがとうございます。 参考サイトを拝見いたしました。 まさに同じ状況でひっかかっていました。 widthを追加する事により、無事に印刷する事ができました。 ご教授いただき、誠にありがとうございました。 ▼CSS h1 { padding-bottom:10px; background: url(http://www.geocities.jp/ajax3210/dotline.gif) repeat-x bottom; width:750px; }