简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

css hover下拉菜单_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 12:17:41
원래의
1168명이 탐색했습니다.

本帖最后由 BaronZ 于 2012-12-19 15:41:05 编辑

我的代码现在是鼠标移过root的时候，下拉菜单出现在root下面。我想改成鼠标移过去的时候，下拉菜单出现在root的右边（和root同一行），可以吗?要怎么改代码？ 
  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으로 문의하세요.
저자별 최신 기사
최신 이슈
탐색 표시줄의 중앙 드롭다운 메뉴 나는 CSS/HTML을 제작했습니다..navbar{width:100%; background-color:rgb(151,44,44);overflow:auto;}.na...
에서 2024-04-04 18:24:52
0
1
338
Select2 드롭다운의 모양을 개인화하세요 제 경우에는 드롭다운에 select2Combobox를 사용하고 있습니다. 여기에서 국가 선택이 변경되면 선택한 ID를 JSON 결과에 전달하고 결과를 얻어 지방 ...
에서 2024-04-03 11:27:22
0
1
338
바닐라 JS setTimeout(): 잘못된 동작 식별 HTML, CSS 및 바닐라 JavaScript로 작성된 햄버거 메뉴에 애니메이션이 있습니다. 예상 결과 햄버거 메뉴 버튼을 클릭하면 다음 이벤트가 발생해야 합니...
에서 2024-04-02 20:44:40
0
1
284
내 부트스트랩 4 드롭다운이 작동하지 않으며 해결 방법을 모르겠습니다. 저는 HTML을 처음 접했고 드롭다운 메뉴가 작동하도록 몇 시간 동안 노력했습니다. 비슷한 문제에 직면한 많은 게시물을 검색했지만 여전히 문제를 찾아 해결할 수 ...
에서 2024-04-02 18:12:59
0
1
283
드롭다운이 항상 상위 위치인 상대 위치 위에 나타나는지 확인하세요. 나는 아래와 같은 것을 달성하려고 노력하고 있습니다. 컨테이너에는 클릭하면 활성화되고 각 상위 항목 위에 있는 드롭다운 세트가 포함되어 있습니다. 직면한 문제: ...
에서 2024-04-01 18:43:16
0
1
316
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！