Ajax

Webの背景画像・背景色を強制的に印刷させる

結論から言うと、表題のようなことはJavascriptやCSSでなんとかなりそうですが、なりません。
ユーザーがブラウザで、「背景画像を印刷する」を選択するかしないかにゆだねられています。

しかし、なんとか実装したいもの。

今回はとある部分の背景に、印刷時に色をつけてほしいと頼まれたので、次のようにしてみました。

 <a onclick="print_day();" >印刷する</a>
 <!--中略-->
 <div class="print_shadow">印刷時に背景に色をつけたい</div>
 <!--中略-->
 <script type="text/javascript" 
 src="/yaesuhall_cake/web/js/jquery-1.6.2.min.js"></script>
 <script type="text/Javascript">
 function print_day(){
       $('.print_shadow')
       .replaceWith('<img src="bg_vacant.gif">);

window.print();

       $('img').remove();	
 }
 </script>

解説

印刷するをクリックすると、背景に色をつけたいところはjQueryで画像を入れ、Javascriptで印刷するということです。

なんとかもっとスマートにできるとよいですけどね。
よいお知恵がある方は、ぜひご教授ください。