IEをはじめとするクロスブラウザ対応の不透明なスタイルを適用したドロップダウン型のナビゲーションをCSSplayから紹介します。 IE6でのキャプチャ ナビゲーションはJavaScriptやtableは使用しておらず、スタイルシートもハックや条件付きコメントは使用していません。 対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(Win), Chromeとのことです。 また、同様に垂直型のナビゲーションも公開されています。
IEをはじめとするクロスブラウザ対応の不透明なスタイルを適用したドロップダウン型のナビゲーションをCSSplayから紹介します。 IE6でのキャプチャ ナビゲーションはJavaScriptやtableは使用しておらず、スタイルシートもハックや条件付きコメントは使用していません。 対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(Win), Chromeとのことです。 また、同様に垂直型のナビゲーションも公開されています。
まず、HTMLはulの入れ子でつくります。 サンプルでは4階層目まで作成しました。 <ul id="menu"> <li> <a href="#">メニューですよ</a> <ul> <li><a href="#">メニュー2階層目ですよ</a></li> <li><a href="#">メニュー2階層目ですよ</a></li> <li><a href="#">メニュー2階層目ですよ</a> <ul> <li><a href="#">メニュー3階層目</a> <ul> <li><a href="#">メニュー4階層目</a></li> <li><a href="#">メニュー4階層目</a></li> </ul> </li> <li><a href="#">メニュー3階層目</a></li> <li><a href="#">メニュー3階層目</a></li> <li><a href="#">
タブ形式のドロップダウンの子要素にサムネイル画像を表示するナビゲーションのスタイルシートをCSSplayから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く