WEB制作のメモ帳

衆トップページ -> WEB制作のメモ帳 -> css -> 背景画像を印刷するCSS

背景画像を印刷するCSS

2011-05-06

css

PHPで書き出したチケットページを印刷しようとした時に作成したCSS
背景に設定している画像は通常は印刷できないんですね。

他のサイトを参考にしつつ、IE6での不具合も解消。
もっとスマートな方法があるかも。

無料ホームページ素材

SOURCE
■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制作の定番書