简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

css hover下拉菜单_html/css_WEB-ITnose

WBOY
發布： 2016-06-24 12:17:41
原創
1128 人瀏覽過

本帖最后由 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
作者最新文章
最新問題
在使用AJAX請求的回應上進行JSON解析時，出現了未捕獲的語法錯誤：意外的令牌'<'，"<br /> 我正在使用datefrom和dateto製作一個下拉式選單，然後顯示這些日期之間的日期，但它沒有顯示，並且我不斷在控制台中收到此錯誤訊息。 VM652:1UncaughtSynta...
來自於 2023-11-01 10:06:57
0
1
269
面對React Slick的溢出問題 我正在使用reactslick來製作滑塊，滑塊卡片中包含有很多選項的下拉式選單。當下拉式選單打開時，下拉式選單的一半被裁剪，無法查看完整的下拉式選單。程式碼筆：https://co...
來自於 2023-09-17 10:16:57
0
1
193
觸發事件的方法：透過自訂的GrapesJS面板實現 我有一個自訂面板添加到GrapesJS編輯器中。此面板有一個值的下拉式選單。當下拉式選單中選擇的項目改變時，我想觸發一個函數運行。我嘗試了以下方法：editor.Panels.ad...
來自於 2023-09-16 14:36:52
0
1
663
重寫後的標題為：如何在jQuery中實現子選單的自動關閉 我正在嘗試為行動視圖建立一個jQuery下拉式選單。我對jQuery還不熟悉，我使用Toggle來隱藏和顯示子選單。我的問題是，當我點擊一個選單項目時，其他子選單不會自動關閉。例如...
來自於 2023-09-16 09:10:19
0
2
693
React - Handsontable資料網格：移動列並更新狀態 我正在使用React的庫，我有一個標題的列表（數組），另一邊是一個包含表格資料的陣列。閱讀文件後，我能夠啟用選單，其中我新增了「在左側新增列」和「在右側新增列」的選項，但這只是在視...
來自於 2023-09-15 21:51:29
0
1
307
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！