[CSS覚書]画像置換「-9999px」に代わるwhite-spaceを使ったテクニックを導入

2012年6月15日

コリスさんで紹介されてたやつなのですが、


画像置換「-9999px」のパフォーマンスを改善した新しいテクニック | コリス

以前から-9999pxはSEOでもよくないとは聞いていて、ちょっと気になっていました。
まんまうまくいったので、これからはこれを使うことにします。でもパフォーマンスには確かに良さそうだけど、SEOにいいかは謎だわね。

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

実際には.hide-textというのは作らず、そのスタイルにそのまま追加設定しています。

CSSCss

Posted by ponnao