07 May

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

27 August

text-indent:-9999px; の代わりになるもの

text-indent:-9999px;　はSEO的にアレらしい。
よくわかんないけどなんか言ってる人がいるのでやめようとおもう。

その１

p {
width: 200px;
white-space:nowrap;
text-indent: 100%;
overflow: hidden;
}

width指定しないと右側のほうに飛ばしたテキストが残りました。
bg-image分のwidthでも指定するのがよいでしょう。
パフォーマンス的にtext-indent:-9999px;　とあまり変わらないとかなんとか･･･
意味がわかんないです。

その２

p {
width: 200px;
height: 200px;
font-size: 0;
}

フォントサイズ０指定でテキストが小さくなりすぎて消滅します。
なので幅、高さともになくなるのでwidth、height指定必須でした。