Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > css hover下拉菜单_html/css_WEB-ITnose

css hover下拉菜单_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 12:17:41
Original
1193 Leute haben es durchsucht

本帖最后由 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;}
Nach dem Login kopieren

<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>
Nach dem Login kopieren


回复讨论(解决方案)

感谢分享经验 

ul.cssMenu li:hover > ul            {     display:block;    background-color:red;    top:-150px;    left:50px;}
Nach dem Login kopieren

好像是定位有问题

Verwandte Etiketten：
css hover下拉菜单
Quelle：php.cn
Vorheriger Artikel：为什么ie6下绝对定位div不居中？_html/css_WEB-ITnose Nächster Artikel：图片路径问题_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Mittleres Dropdown-Menü in der Navigationsleiste Kann für CSS/HTML verwendet werden..navbar{width:100%;background-color:rgb(151,44,44);over...
Aus 2024-04-04 18:24:52
0
1
338
Personalisieren Sie das Aussehen von Select2 Dropdown In meinem Fall verwende ich select2Combobox für mein Dropdown-Menü. Wenn sich hier die Län...
Aus 2024-04-03 11:27:22
0
1
338
Vanilla JS setTimeout(): Falsches Verhalten identifizieren Ich habe eine Animation auf meinem Hamburger-Menü, die in HTML, CSS und Vanilla-JavaScript...
Aus 2024-04-02 20:44:40
0
1
284
Mein Bootstrap 4-Dropdown funktioniert nicht und ich weiß nicht, wie ich es beheben kann Ich bin HTML-Neuling und habe stundenlang versucht, mein Dropdown-Menü zum Laufen zu bring...
Aus 2024-04-02 18:12:59
0
1
283
Stellen Sie sicher, dass das Dropdown-Menü immer über dem übergeordneten Element angezeigt wird, Position: relativ Ich versuche, etwas wie das Folgende zu erreichen. Der Container enthält eine Reihe von Dr...
Aus 2024-04-01 18:43:16
0
1
316
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage