Question

wordpress 多级下拉菜单

在后台的菜单设置3级了，但被遮住了，现在费了九牛二虎之力终于出来了，但是不是那种移动到那个子菜单才出来的效果，求大神帮我看看怎么处理呢？（代码坑余肯定有的。。。能用就。。。我也不太会精简。。）

#header #nav .menu_nav{float:right; margin:0 auto;}
#header #nav .menu_nav li{line-height:74px; float: left;position: relative; *height:100%; white-space:nowrap;}
#header #nav .menu_nav li a{padding:0px 20px; color: #727272;position:relative;z-index:20;display:block;}
#header #nav .menu_nav li a:hover{color: #9FBA20;}
#header #nav .menu_nav li .hover{ width:100%; line-height:71px; height:71px; position:absolute; top:0; left:0; display:none; background: #f5f5f5; border-bottom:solid 3px #9FBA20;}
#nav .menu_nav .current-menu-item .hover,#nav .menu_nav .current-category-ancestor .hover,#nav .menu_nav .current-menu-ancestor .hover,#nav .menu_nav .current-post-parent .hover{ display:block !important;}
发不了所有的代码。。





Answer 1

第一级 li 设置为 相对定位，第二级，第三级的ul 设置为绝对定位，然后给ul 设置 left 和 top 值就好了。

追问

额，图上的貌似就是你这种做法，貌似好像隐藏不了

追答

第二级，第三级 menu 设置为 display:none; 当hover 第一级时，显示第二级，hover 第二级时，显示第三级

这只是简单的显示，隐藏，比较好的效果要用到css3，我这里就不说了。

追问

恩，我就只是要简单的显示隐藏，
我也按照了你说的display:none;，hover也不会显示出来呀.哎

追答

你在chrome 的开发者工具，或者firefox 的 firebug中看看，确认你的css正确，上级菜单hover时，下级餐单显示。

可别写成 a:hover ul { display:block; } 应该类似 li:hover ul {display:none; }

追问

...搞唔掂。。大哥- -~能帮我弄几下么.