简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

css hover下拉菜单_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 12:17:41
original
1128 Les gens l'ont consulté

本帖最后由 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;}
Copier après la connexion

<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>
Copier après la connexion


回复讨论(解决方案)

感谢分享经验 

ul.cssMenu li:hover > ul            {     display:block;    background-color:red;    top:-150px;    left:50px;}
Copier après la connexion

好像是定位有问题

Étiquettes associées：
css hover下拉菜单
source：php.cn
Article précédent：为什么ie6下绝对定位div不居中？_html/css_WEB-ITnose Article suivant：图片路径问题_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Erreur de syntaxe non détectée lors de l'analyse de JSON lors de la réponse à l'aide d'une requête AJAX : jeton inattendu '<', "<br /> Je crée une liste déroulante en utilisant datefrom et dateto, puis j'affiche les dates ent...
Depuis 2023-11-01 10:06:57
0
1
269
Faire face à des problèmes de débordement avec React Slick J'utilise Reactslick pour créer un curseur, la carte du curseur contient un menu déroulant...
Depuis 2023-09-17 10:16:57
0
1
193
Méthode de déclenchement des événements : via le panneau GrapesJS personnalisé J'ai un panneau personnalisé ajouté à l'éditeur GrapesJS. Le panneau dispose d'un menu dér...
Depuis 2023-09-16 14:36:52
0
1
663
Le titre réécrit est : Comment implémenter la fermeture automatique du sous-menu dans jQuery J'essaie de créer un menu déroulant jQuery pour une vue mobile. Je suis nouveau sur jQuery...
Depuis 2023-09-16 09:10:19
0
2
693
React - Grille de données Handsontable : déplacer les colonnes et mettre à jour le statut J'utilise une bibliothèque pour React et j'ai une liste (tableau) d'en-têtes et de l'autre...
Depuis 2023-09-15 21:51:29
0
1
307
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！