[CSS]スクリプトやテーブルや条件付きコメントやハック無しで実装するドロップダウン型のナビゲーション

Post on:2009年9月9日

sponsors

CSS Hack、IEの条件付きコメント、table要素、JavaScriptを使用しないで、ドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。

ドロップダウンを表示するトリガーはhoverとclickの二種類があり、どちらもハック無しで実装されています。
二つとも、active時にはドロップダウンがキープされます。

ナビゲーションはリスト要素で実装されており、各親階層ごとにul要素が使用されています。

また、dl要素版も公開されています。