CSS Hack、IEの条件付きコメント、table要素、JavaScriptを使用しないで、ドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。
Two CSS menus – NO hacks, NO conditional comments, NO tables and NO javascript.
demo
ドロップダウンを表示するトリガーはhoverとclickの二種類があり、どちらもハック無しで実装されています。
二つとも、active時にはドロップダウンがキープされます。
ナビゲーションはリスト要素で実装されており、各親階層ごとにul要素が使用されています。
また、dl要素版も公開されています。
Definition list menu – NO hacks, NO conditional comments, NO tables and NO javascript.
Post on:2009年9月9日
