画像置換 さよなら-9999px

テキストの代わりに画像を配置する方法として、単にテキストを非表示にするdisplay:none；や、その問題点に配慮したtext-indent:-9999px;で視野外に飛ばす方法がありました。後者の方がメジャーではないでしょうか？

-9999pxなので、不要な9999pxのボックスがあるはずです。それが良くないという事で、

任意のセレクター {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

なるほど。
http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/