[CSS]スクリプト無しで実装する、タブが重なり合うナビゲーション

Henry Hoffmanのエントリーから、スタイルシートで実装する、タブが重なり合うナビゲーションの紹介です。

CSS Overlapping Tabbed Navigationのキャプチャ

CSS Overlapping Tabbed Navigation(デモ)

ナビゲーションの項目はリスト要素となっており、タブが重なり合う箇所はspanが二重になっています。

対応ブラウザは、IE5.5, 6, 7, Fx2, Op9.25, Safari3(All on Windows)で、IE5.5用にはvoice-familyのハックが使用されています。

sponsors

top of page

©2018 coliss