2008.09.17
IEで背景画像が印刷されない時の解決方法

IE6で「背景の色とイメージを印刷する」にチェックをしても、背景画像が印刷されない時があります。
下のサンプルのページを印刷してみてください。(プレビューでも構いません)
背景色は印刷されますが、なぜか背景画像は印刷されません。これはWinIE6.0(IE5.5)に発生するバグみたいです。解決方法は、背景が指定された要素のhasLayoutをonにします。つまり、幅(widthプロパティ)や高さ(heightプロパティ)、zoomプロパティなどを指定すれば、問題なく表示できるってことです。
HTMLコード
<div class="bg"> <p> test test test test<br /> test test test test<br /> test test test test<br /> test test test test<br /> test test test test<br /> test test test test<br /> test test test test<br /> test test test test<br /> </p> </div>
CSSコード
.bg { width: 430px; } .bg p { border: 1px solid #999999; padding: 0 0 0 5px; background-color: #EEEEEE; background-image: url(bg.jpg); background-repeat: no-repeat; background-position: top right; zoom: 1; /* 印刷バグ解決 */ }
何かバグがあったら、まずhaslayoutに関係しているんじゃないかと考え、幅や高さなどを指定してみるのがいいと思いますよ。

1
IE6で印刷時に背景が表示されない
IE6では、インターネットオプションで”背景の色とイメージを印刷する”にチェックを入れていても、背景に設定した画像が表示されないバグがあります。
自分の場合は印刷されている箇
on 2010/01/14 15:08:17
自分の場合は印刷されている箇
















No.6
匿名
Re:
2010.02.23 14:23