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

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.

sponsors

top of page

©2018 coliss