ulが入れ子になっており、背景画像を追加するとliが重なってしまう it_html/css_WEB-ITnose 解決方法を教えてください。

html css

問題の説明:
主に垂直メニューを実装するために使用されます。 UL ネストを使用してサブメニュー機能を実装したいのですが、メニューの背景色は問題ありません。背景画像に置き換えられた結果 メインメニューのULとサブメニューのULが重なる問題は解決していません。

具体的なコードは次のとおりです:
HTML コード:

<div id="menu">    <ul>       <li><a href="#" >相关法规</a>          <ul>             <li><a href="#">操作员计算机IE设置</a></li>             <li><a href="#">电子签章办理须知</a></li>         </ul>       </li>       <li><a href="#" onclick="Show('load')">相关下载</a></li>    </ul> </div> 

CSS コード:

<style type="text/css"> #menu { 	width:400px; 	padding:0px; 	margin:0px; } /*去掉列表前的圆点*/ #menu ul { 	list-style-type:none; 	padding:0px; 	margin:0px; } #menu ul li { 	width:310px;	height:36px;	position:relative;	top:auto;	/*背景图片（问题点）*/ 	background:url(images/btn_menu_live.jpg) repeat;	} #menu ul li a { 	display:block; /*先转化成块级元素*/ 	width:310px;/*填充满整个边栏*/ 	height:36px;	color:Gray; 	text-align:left; 	text-decoration:none; 	padding:10px 0px 10px 30px;/*设置距离左侧的边栏和上边距*/ 	font-size:14px; } /*设置子菜单的样式*/ #menu ul li ul { 	list-style-type:none; } #menu ul li ul li { 	width:310px; /*通过设置宽度来填充*/ 	height:36px;	position:relative;	top:auto;	background:url(images/btn_menu_on.jpg) repeat;} #menu ul li ul li a { 	display:block; 	/*此处可以通过设置来调整相关的样式*/ 	width:310px;/*填充满整个边栏*/ 	height:36px;	padding:6px 0px 6px 60px; 	text-align:left; 	text-decoration:none; 	font-size:12px; } </style> 

ディスカッションへの返信 (解決策)

背景:url(images/btn_menu_on.jpg) no-repeat; btn_menu_live.jpg、btn_menu_on.jpg を投稿します

背景:url(images/btn_menu_on.jpg) いいえ、繰り返しません。

btn_menu_live.jpg、btn_menu_on.jpg を投稿する
投稿方法は?添付ファイルのアップロード機能はありません。画像サイズは130X36です。

btn_menu_live.jpg、btn_menu_on.jpg 2 つの背景画像を投稿します

btn_menu_live.jpg、btn_menu_on.jpg を投稿します
投稿方法?添付ファイルのアップロード機能はありません。画像サイズは130X36です。

写真を挿入する機能があります

投稿 btn_menu_live.jpg、btn_menu_on.jpg

投稿方法は？添付ファイルのアップロード機能はありません。画像サイズは130X36です。

写真を挿入する機能があります


すでに投稿されています、ありがとうございます！

これは影響ですか?

  <div id="menu">    <ul>       <li><a href="#" >相关法规</a>          <ul>             <li><a href="#">操作员计算机IE设置</a></li>             <li><a href="#">电子签章办理须知</a></li>         </ul>       </li>       <li><a href="#" onclick="Show('load')">相关下载</a></li>    </ul> </div> 

これは影響ですか?

  <div id="menu">    <ul>       <li><a href="#" >相关法规</a>          <ul>             <li><a href="#">操作员计算机IE设置</a></li>             <li><a href="#">电子签章办理须知</a></li>         </ul>       </li>       <li><a href="#" onclick="Show('load')">相关下载</a></li>    </ul> </div> 

申し訳ありませんが、昨日理由もなく IP がブロックされ、ログインすらできませんでした。ありがたい！問題が解決しました。なぜ重複するのかわかりません。

最初の ul の li は高さを定義できません