[CSS]大胆なドロップダウン型のナビゲーションを実装するスタイルシート

CSSplayのエントリーから、透過PNG画像を使用した大胆なドロップダウン型のナビゲーションを実装するスタイルシートの紹介です。 Professional drop-down #13 with png transparency デザイン的に面白いだけでなく、通常のドロップダウンに比べ領域が広いため、マウス操作を誤ってドロップダウンが非表示になってしまうということも少ないと思います。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari(PC) and Google Chrome Betaとなっています。 IE6対策には、ドロップダウンの箇所にtable、背景画像にfilter(AlphaImageLoader)が使用されています。

[H_Yamaguchi]

メニューを使いやすく。

[yochikon]

　デザイン的にもあり。けっこう使えるかも

[mossamossa]

ちょっといいかも

[osktaka]

デザイン的に面白いだけでなく、通常のドロップダウンに比べ領域が広いため、マウス操作を誤ってドロップダウンが非表示になってしまうということも少ないと思います

[sankaseki]

[CSS]大胆なドロップダウン型のナビゲーションを実装するスタイルシート | コリス

[pyawk]

「IE6も対応」なところに興味あり。

[lost_and_found]

透過PNG使用、IEハックあり