text-indent:-9999 pxで画像置き換えペナルティを回避する CSSのちがう方法ならコレ!!

text-indent:-9999 pxで画像置き換えペナルティを回避する CSSのちがう方法ならコレ!!

今までよーく使っているのですが、
グローバルメニューとか、画像文字のときに
テキストに置き換えて画像を表示するときにいつも使っていました。
text-indent:-9999 px して背景画像で置き換える方法。

これが、googleでスパム判定されるとかされないとかで問題になっています。

そこで、ちがう方法を試してみたらいけたので、こちらにメモしておきますね!

#top_about a{
	width:任意の画像サイズpx;
	height:任意の画像サイズpx;
	background:url(任意の画像URL);
	background-repeat:no-repeat;
	text-indent:100%;
	display: block;
	white-space:nowrap;
	overflow:hidden;	
}
#top_about a:hover{
	background:url(任意の画像URL);
	background-repeat:no-repeat;
	text-indent:100%;
	display: block;
	white-space:nowrap;
	overflow:hidden;	
}

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP