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

Post on:2009年12月22日

sponsors

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

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

IE6でのキャプチャ

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

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

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