とあるサイトの記事を読んで、以前から考えていたものを実現へと近づけることができた。
それはCSSのみでJavascriptのような動作をさせる、というもの。
つまり、マウスオーバーで隠れていたコンテンツを表示させ、マウスアウトで再び隠す、というもの。
:hoverをうまく利用したものだ。
ただ、IEの場合、:hoverがa要素にしか使えないため、隠す部分をa要素配下にする必要がある。
そのため、どのブラウザでも問題なく表示されるようあれこれ試行錯誤してなんとか形にしたものがこれだ。
→
http://www.green.dti.ne.jp/edo/web-test/test/
若干、まだ調整の余地があると思われるが、とりあえずwinでもMacでも動いているので実用に耐えられそうだ。
