CSS text-indent:-9999pxを使わず、テキストを画像に置換する方法

2016.03.18

8年位まえは、text-indent:-9999pxを使ってましたが、
スパム扱いになるので使わなくなりました。

最近、背景画像を使うことが有り「text-indent:-9999px」的な方法ないかと探してたら
ありました。

.hoge{
    background-image : url("画像パス");
    text-indent: 100%;
    white-space: nowrap;
    overflow:hidden;
}

.hoge{

background-image : url("画像パス");

text-indent: 100%;

white-space: nowrap;

overflow:hidden;

}

これを覚えておくといいですね(^^)