CSS画像置換失敗

Web Comments (0) | Trackbacks (0)

先日の画像置換IE6にて表示がめちゃめちゃですね。IE6以下で「position:fixed」が使えないから互換モードで表示して、いろいろ小細工しているからだ。
これを直そうとすると、いちからCSSの組み直しか。ちょっと時間がかかりそうなので、ペンディング。とりあえず、元に戻した。

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

Web Comments (0) | Trackbacks (0)

CSSの画像置換とはJavascriptを使わずにテキストを画像に置き換えて表示する方法。画像をbackgroundに指定する方法が一般的だけれど、印刷で表示されないとか問題もある。

旅のサイトでは主にbackgroundでメニュー画像を表示して、テキストを text-indent:-9999px; で画面の外に飛ばす方法をとっていたのだけれど、どうもこの「text-indent:-9999px;」がスパム判定されてるっぽい気がするんですよね。旅のサイトをGoogleSiteMapに登録したと同じくらいにGoogleからのアクセスが減っているのです。画像置換とスパムについては下記サイトが参考になりました。
→Emotional Web:画像置換とSEOスパムの境界線

で、代替方法を複数当たってみて、一番よさそうなAppleのサイトで使われている方法に変更してみました。
→fixture.jp/blog:Appleサイトに見るグローバルメニューの画像置換手法

>>『【CSS】画像置換の方法を変更してみた』の続きを読む

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS ログイン