メッセージ

2010年09月16日の記事

2010/09/16(木)Chrome に印刷プレビューは無い

2017/10/12 4:05 雑多なトピック
仕事の某所依頼元から、
「印刷プレビューすると、一部が白抜きになるんですけど・・・」
という問い合わせが来て、何のことかとしばし考える。。

ブラウザではちゃんと表示されるのですが、確かに印刷プレビューすると、白抜きになるのです。

こんな感じでＣＳＳ使っていると、提起の現象は発生します。

＜ＨＴＭＬ側＞
<div class="info3">
　有限会社　○○○○○○<br>
</div>

＜ＣＳＳ側＞
div.info3 {

　font-family: "ＭＳ ゴシック", "Osaka";
　font-size : 38px;
　background-color: #ffcc33 ;
　border-style: solid ;
　border-color: #ff6600 ;
　padding : 5px ;
}


この状態で、ちょうど、background-color が全く機能しない状況になります。
これは、IE や Firefoxのツールバーで、

ファイル(F)→印刷プレビュー(V)→ページ設定(Alt+U)

で表示されるウィンドウにて、

背景の色とイメージを印刷する(C)

にチェックを入れた状態(IE8の場合)にしておくことで解決します。
ところが、Chrome は印刷プレビューがありません。
なので、白抜きになってしまう可能性があります。
つか、Chrome で印刷操作したら、見事に白抜きになってしまいました...orz

また、強引に印刷プレビューをつけることは出来るようです。
Google Chromeで印刷プレビューを使う方法　〔適宜覚書-Fragments〕

この方法は、IE8 の機能を使うだけなので、Chrome の印刷プレビューは出来ません。
IE8 で印刷するイメージが表示されます。

つまり、Chrome の機能にて、印刷の縮小サイズなどの設定が出来ず、正しい印刷イメージが表示できないので不便を強いられます。こだわりがある方は注意が必要です。
コメント（0件）