メニュー

東京・小金井市のWEB制作会社の豆知識

MEMORANDUM

背景画像を印刷するCSS

  • 公開日：2011-05-06
  • 最終更新日：2026-01-28
  • 2

PHPで書き出したチケットページを印刷しようとした時に作成したCSS
背景に設定している画像は通常は印刷できないんですね。
他のサイトを参考にしつつ、IE6での不具合も解消。
もっとスマートな方法があるかも。

HTML

<div class="ticket"></div>
<div class="box">サンプルテキスト</div>

CSS

.ticket {
	width: 490px;
	height: 135px;
	margin: 0px;
	display: list-item;
	list-style-image: url(img/bg_ticket.gif);
	list-style-position: inside;
}
.box {
	width: 490px;
	height: 135px;
	margin-top: -125px;
}

この記事を書いた人

片寄輝生
株式会社衆代表/WEB制作者
実務20年。
Web制作全般に携わり、企画・設計から実装・運用まで一貫して対応。
現場で得た知見をもとに、実践的な内容を中心に発信しています。
RANKING

人気記事

同一カテゴリーの記事