CSSだけで作る「多階層」なドロップダウンメニュー

以前書いた「CSSだけで作る動きのあるドロップダウンメニュー｜Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にするなどすればよいと思います。 それではHTMLからいきます。 HTML かなり長くなるのでメニュー1の部分だけ載せています。 <ul id="dropmenu"> <li><a href="#">メニュー1</a> <ul> <li><a href="#">子メニュー</a> <ul> <li><a href="#">孫メニュー</a></li> <li><a href="#">孫メニュー</a>

[sainoue]

“ > ul > li ”

[maegamix]

グローバルナビゲーション自作にあたり、大変参考になりました。

[fakeplastictrees]

とても参考になりました。ありがとうございます。

[kick178]

Webに慣れてる人なら使えるけど、そうじゃないと使いにくそう。UI大事。

[arinko246]

勉強してわかるようになりたい！

[poppun1940]

以前書いた「CSSだけで作る動きのあるドロップダウンメニュー｜Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作っ

[taka222]

”CSSだけで作る「多階層」なドロップダウンメニュー｜Webpark”

[vlxst1224]

メモメモ

[rokkiy]

ドロップ