[CSS]特定の範囲からはみ出さないドロップダウン型ナビゲーションを実装するスタイルシート

ドロップダウンするパネルが特定の範囲から左右にはみ出さないナビゲーションを実装するスタイルシートをCSSplayから紹介します。

デモのキャプチャ

Any width dropdown/flyout menu with left and right dropdown/flyouts v2
demo

デモではドロップダウンするパネルが、通常(2, 3番目)は左端を基準に展開しますが、一番右の(6番目)ははみ出してしまうので右端を基準に展開します。
また、配下もキャプチャのように特定の範囲内に表示されます。

対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(PC), Chromeで、IE8はIE7エミュレーションモードの必要はないとのことです。

sponsors

top of page

©2024 coliss