[CSS]ハック無しで、不透明なパネルをドロップダウンするナビゲーション
Post on:2009年12月22日
IEをはじめとするクロスブラウザ対応の不透明なスタイルを適用したドロップダウン型のナビゲーションをCSSplayから紹介します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009122205.png)
Multi level dropdown/flyout menu
demo
IE6でも下記のように期待通りの動作をします。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009122207.png)
IE6でのキャプチャ
ナビゲーションはJavaScriptやtableは使用しておらず、スタイルシートもハックや条件付きコメントは使用していません。
対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(Win), Chromeとのことです。
また、同様に垂直型のナビゲーションも公開されています。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009122206.png)
sponsors