[CSS]ハック無しで、不透明なパネルをドロップダウンするナビゲーション

IEをはじめとするクロスブラウザ対応の不透明なスタイルを適用したドロップダウン型のナビゲーションをCSSplayから紹介します。

デモのキャプチャ

Multi level dropdown/flyout menu
demo

IE6でも下記のように期待通りの動作をします。

デモのキャプチャ

IE6でのキャプチャ

ナビゲーションはJavaScriptやtableは使用しておらず、スタイルシートもハックや条件付きコメントは使用していません。

対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(Win), Chromeとのことです。

また、同様に垂直型のナビゲーションも公開されています。

デモのキャプチャ

Multi level flyout menu

sponsors

top of page

©2018 coliss