【CSS】画像置換の方法を変更してみた

【CSS】画像置換の方法を変更してみた 2008/12/13 22:50 2012/3/19 2:19 0 Web制作 CSS画像置換 当記事はアフィリエイト広告を掲載しています。 CSS の画像置換とは Javascript を使わずにテキストを画像に置き換えて表示する方法。画像を background に指定する方法が一般的だけれど、印刷で表示されないとか問題もある。 旅のサイトでは主に background でメニュー画像を表示して、テキストを text-indent:-9999px; で画面の外に飛ばす方法をとっていたのだけれど、どうもこの「 text-indent:-9999px; 」がスパム判定されてるっぽい気がするんですよね。旅のサイトを GoogleSiteMap に登録したと同じくらいに Google からのアクセスが減っているのです。画像置換とスパムについては下記サイト

[hisasann]

height:0にしてpaddingで画像の高さ分ずらしてテキストを画面外にもっていく手法、もちろんoverflow:hidden