テキストを画像に置換する方法
htmlソース
<li class="text_indent"><a href="#">価格帯から選ぶ</a></li>
CSS記述例
.text_indent a{ url:("指定する画像のURL") no-repeat left top; /* ←画像のURLとリピートしない、画像の位置は左の上 */ width:180px; /*←画像の横幅180px*/ height:44px; /*←画像の縦幅44px*/ display:block; /*←img要素はインライン要素なので、blockと書くことでブロック要素にすることができる。 text-indent:-9999px; /*←テキストの段落を下げる */ }
この記述方法で、htmlの記述変更ができない場合にテキストの文字は見えないようにし、
画像をクリックすれば、リンク先に飛ぶことでできます。
参考サイト:http://html-coding.co.jp/knowhow/tips/rollover/
参考サイト:http://delaymania.com/201209/web/textindent-9999/