縦メニューを画像1枚、ロールオーバー実装するCSS | ネットショップ立ち上げ備忘録上記のような画像を作成してCSSのみで縦メニューを一枚画像で作成する場合のメモ。 横メニューが一般化している昨今ですが、左メニューレイアウトを採用する場合もまだあると思います。 今回の利点は ・text-indentを使用しない ・htmlのソース上で<img>タグを使用しない ・画像一枚で実装するため、複数画像で実装するより読み込みが早くなる という感じかなと思います。 実験していないので勝手な予想ですがSEOで考えるとtext-indent:-9999px多用はあまりよろしくないかもと思っているのでもしかしたらSEOにも良いかもしれないのかな！？ ・実際のサンプル（1枚画像のサイズは横200px 縦150pxでメニュー1項目のサイズはw100px h50pxです） Top About Service ・html <div id="navitest"> <ul> <li id="top"
