简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

css hover下拉菜单_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 12:17:41
asal
1168 orang telah melayarinya

本帖最后由 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;}
Salin selepas log masuk

<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>
Salin selepas log masuk


回复讨论(解决方案)

感谢分享经验 

ul.cssMenu li:hover > ul            {     display:block;    background-color:red;    top:-150px;    left:50px;}
Salin selepas log masuk

好像是定位有问题

Label berkaitan：
css hover下拉菜单
sumber：php.cn
Artikel sebelumnya：为什么ie6下绝对定位div不居中？_html/css_WEB-ITnose Artikel seterusnya：图片路径问题_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Menu lungsur turun tengah dalam bar navigasi 我制作了这个CSS/HTML。.navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbara{...
daripada 2024-04-04 18:24:52
0
1
338
Peribadikan rupa Select2 Dropdown Dalam kes saya, saya menggunakan select2Combobox untuk menu lungsur saya. Di sini, apabila...
daripada 2024-04-03 11:27:22
0
1
338
Vanilla JS setTimeout(): Mengenal pasti tingkah laku yang salah Saya mempunyai animasi pada menu hamburger saya yang ditulis dalam HTML, CSS dan JavaScrip...
daripada 2024-04-02 20:44:40
0
1
284
Bootstrap 4 dropdown saya tidak berfungsi dan saya tidak tahu bagaimana untuk membetulkannya Saya sangat baru dengan HTML dan saya telah mencuba selama berjam-jam untuk membolehkan me...
daripada 2024-04-02 18:12:59
0
1
283
Pastikan dropdown sentiasa muncul di atas induknya, position: relative Saya cuba mencapai sesuatu seperti di bawah. Bekas mengandungi satu set lungsur turun yang...
daripada 2024-04-01 18:43:16
0
1
316
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！