ホームページ > 記事 > ウェブフロントエンド > CSS ホバー ドロップダウン menu_html/css_WEB-ITnose
私のコードは、マウスがルート上に移動すると、ルートの下にドロップダウン メニューが表示されるようになりました。マウスを上に移動すると、ルートの右側 (ルートと同じ行) にドロップダウン メニューが表示されるように変更したいのですが、どうすればよいでしょうか?
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;}
位置決めに問題があるようです