ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS ホバー ドロップダウン menu_html/css_WEB-ITnose

CSS ホバー ドロップダウン menu_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:17:41
オリジナル
1196 人が閲覧しました

この投稿は BaronZ によって最終編集されました: 2012-12-19 15:41:05

私のコードは、マウスがルート上に移動すると、ルートの下にドロップダウン メニューが表示されるようになりました。マウスを上に移動すると、ルートの右側 (ルートと同じ行) にドロップダウン メニューが表示されるように変更したいのですが、どうすればよいでしょうか?
  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;}
ログイン後にコピー

位置決めに問題があるようです

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート