[CSS]ハック無しで、不透明なパネルをドロップダウンするナビゲーション
IEをはじめとするクロスブラウザ対応の不透明なスタイルを適用したドロップダウン型のナビゲーションをCSSplayから紹介します。
Multi level dropdown/flyout menu
demo
IE6でも下記のように期待通りの動作をします。
IE6でのキャプチャ
ナビゲーションはJavaScriptやtableは使用しておらず、スタイルシートもハックや条件付きコメントは使用していません。
対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(Win), Chromeとのことです。
また、同様に垂直型のナビゲーションも公開されています。
Post on:2009年12月22日
Comments
コータローウェブ
on 2009年12月28日
不透明ではなく半透明ですか？
＞IEをはじめとするクロスブラウザ対応の不透明なスタイルを適用したドロップダウン型のナビゲーションをCSSplayから紹介します。
コメントした後に
on 2009年12月28日
アドセンスだけのページが表示されましたので、お伝えしておきます。そのページのURLは以下のものですが、コピーペーストして再度アクセスしてみると、コメントした記事のページが正常に表示されています。一時的なものかもしれませんが報告してみました。いつも良い記事をありがとうございます。いまいち使い方が分からないことも多いので、初心者に優しいと嬉しいです。
http://coliss.com/articles/build-websites/operation/css/css-navigation-opacity-style.html