こんにちは。毎日、1pxに泣いているライターの内藤です。 最近、webページ印刷に関してChromeでハマったことについて3つ書きたいと思います。 Chromeでの印刷に備えてcssスプライトに1pxの余白を足そう ボタンのロールオーバーなどでよく使いますよね、こういうの。 【css】 a { display: block; width: 236px; height: 109px; overflow: hidden; } a:hover img { margin-top: -109px; } 【html】 <a href="#"><img src="common/img/top/ban_blog.png" width="236" height="218" alt="button" /></a> ね、ね、やりますよね? ところが・・・・・・ Chromeの印刷プレビューではズレる お客さん「