简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

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

この投稿は 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;}
ログイン後にコピー

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

関連ラベル：
css hover下拉菜单
ソース：php.cn
前の記事：IE6 では絶対配置 div が中央に配置されないのはなぜですか? _html/css_WEB-ITnose 次の記事：画像パス問題_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
AJAX リクエストを使用して応答で JSON を解析する際にキャッチされない構文エラー: 予期しないトークン '<', "<br /> datefrom と dateto を使用してドロップダウン メニューを作成し、これらの日付の間の日付を表示していますが、表示されず、コンソールにこのエラー メッセージが表示され続...
から 2023-11-01 10:06:57
0
1
269
React Slick でオーバーフローの問題に直面する 私はreactslickを使用してスライダーを作成しています。スライダーカードには多くのオプションを備えたドロップダウンメニューが含まれています。ドロップダウンが開いていると、ドロ...
から 2023-09-17 10:16:57
0
1
193
イベントをトリガーする方法: カスタム GrapesJS パネル経由 GrapesJS エディターにカスタム パネルを追加しました。パネルには値のドロップダウン メニューがあります。ドロップダウン メニューで選択した項目が変更されたときに実行する関数...
から 2023-09-16 14:36:52
0
1
663
書き直されたタイトルは「jQuery でサブメニューの自動終了を実装する方法」です。 モバイルビュー用のjQueryドロップダウンメニューを作成しようとしています。私は jQuery を初めて使用しており、Toggle を使用してサブメニューの表示と非表示を切り替え...
から 2023-09-16 09:10:19
0
2
693
React - ハンドソン可能なデータグリッド: 列の移動とステータスの更新 私は React のライブラリを使用しており、ヘッダーのリスト (配列) と、反対側にテーブル データを含む配列があります。ドキュメントを読んだ後、「左に列を追加」および「右に列を...
から 2023-09-15 21:51:29
0
1
307
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！