うわさのCSSでのLightBoxを解説してみる(その１) - 最速配信研究会(@yamaz)ホッテントリで話題になっている SEO業者ですら感動する驚異のCSSテクニック なのですが,自分自身がピンとこなかったので自分のメモのためにさらなる詳細解説をしてみる. まずJavaScriptで同様の事を行いたい場合,onMouseOver()イベントハンドラを使ってDOMツリーを書き換えるが,CSSには:hoverという擬似クラスがあって,そのタグにマウスオーバした時のスタイルを記述しておくことで同様のことができる. [IE7,FireFoxなどの場合] オリジナルのHTML(http://www.cssplay.co.uk/menu/lightbox.html)のグリグリ動くメニュー部分のドキュメント構造は下記のとおりになっている. <div class="menu2"> (1) <ul> (2) <li> (3) <a class="hide" href="#Portraits"
