http://cherrypie.cocolog-nifty.com/blog/2005/05/post_888c.html
以下転載
サイトのメニューはリストで（テキスト編）
サイトの上や左にメニューを配置して、マウスを重ねると表示が変わる仕組み自体は、サイトを作っている人にはもう必須とも言えるようなものになってきています。
でも、それを実現するために使われているのは、ほとんど JavaScript による、イメージの置き換えという手法です。
これは、DreamWeaver + Fireworks で自動的にコードが作成される機能が実現されて以来、多くの Webオーサリングソフトに実装され、誰でも簡単に使える定番の仕組みになりました。
しかし、定番といわれてきたこの手法が最近になって問題とされてきています。
●内容と関係のない部分（イメージの置き換えのためのコード）が非常に大きくなるため、検索エンジンに対して不利になる（内容が検索されにくい）。
●修正時には、Webオーサリングソフトを使用して、オリジナルファイルから作り直さないといけない。
●画像やJavaScript がオフだと機能しないので、代替手段が必要になる。
といったことです。
では、これをCSSで書き直すとどうなるでしょう？
んで本文へと。
http://cherrypie.cocolog-nifty.com/blog/2005/05/post_888c.html
