印刷用 CSS で背景画像を印刷させる方法 - lucky bag

media="print" な印刷用 CSS を用意している場合、そこに背景画像を設定していたとしても印刷されない。ヘッダに画像を使って CSS で文字を非表示にしているウェブサイトの場合、ユーザーがそのサイトのヘッダ画像を含めて印刷したいのに、タイトルが味気ないテキストだけで印刷されるのを不満に思うとしたら、どう解決すれば良いのかってことで下記リンク先のバッドノウハウ。 wg:Printing CSS background images (sort of) カラクリを大雑把に言うと、印刷用 CSS の指定で当該箇所を display:list-item; にして、list-style-image に印刷させたい画像を指定するって感じ。以前紹介した「letter-spacing を使って背景画像置換」を使って、テキストを非表示にするんだけど、これって IE だと 1 バイトの文字はうまくい

[tomoworks]

今更だけど改めて復習！

[smallstrings]

list-style-imageに画像を指定して背景じゃなとこで表示。

[nash13kiko]

print

[webmarksjp]

css

[keeton3]

印刷用 CSS で背景画像を印刷させる方法

[stealthinu]

印刷用CSS

[arakinn]

さっそく使う。

[yanwari]

うーんうーん、、、ページの構成上、必要なものは背景に設定すべきじゃないのだそもそも

[meeeres]

背景に配置した枠線を印刷するときとかに使えるかな…そもそもその枠線が印刷すべきかどうかは別として。

[honkaku]

バックグラウンド指定の画像を印刷するハック

[sst]

list-style-imageで印刷時にむりやり背景を表示

[mrnoon]

media="print"

[closer]

背景置換はあまり使わないほうが良いね。

[kurobuchi]

知りたかった情報が．list-style-imageなんて知らなかった．