ホームページ > 記事 > ウェブフロントエンド > CSS ホバー ドロップダウン menu_html/css_WEB-ITnose
CSS ホバー ドロップダウン menu_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:17:411174ブラウズ
私のコードは、マウスがルート上に移動すると、ルートの下にドロップダウン メニューが表示されるようになりました。マウスを上に移動すると、ルートの右側 (ルートと同じ行) にドロップダウン メニューが表示されるように変更したいのですが、どうすればよいでしょうか?
ul.cssMenu, ul.cssMenu ul{ list-style:none; margin:0; padding:-10; position: relative;}ul.cssMenu ul { display:none; /*initially menu item is hidden*/ position: absolute; /*absolute positioning is important for menu to float*/ }ul.cssMenu li:hover > ul { display:block; background-color:red;} <html><link href="1.css" type="text/css" rel="stylesheet" /><ul class="cssMenu"> <li> <font color="blue">root<font> <ul> <li><a href=#>sub</a></li> </ul> </li></ul></html>
ディスカッション (解決策) への返信
経験を共有してくれてありがとう
ul.cssMenu li:hover > ul { display:block; background-color:red; top:-150px; left:50px;} 位置決めに問題があるようです
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。