こんにちは。毎日、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の印刷プレビューではズレる お客さん「
![ズレる・ハマるChromeのページ印刷トラブルへの対処法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/7785e5553297c1e5c6c4743b2ba5001013753978/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2013%2F06%2Ftop1.png)