html5导航二级隐藏和显示不出来，html二级导航栏

div+css二级菜单为什么显示不出来?代码如图

1、因为你的“导航栏”区域和“内容”区域都是绝对定位，而排在后面的z-index会默认比前面的高，所以“内容”区域遮住了“导航栏”的下拉区域，只要将这两个区域分别加z-index属性，并且后面的值比前面的值小就行了。

2、这个是hover的问题你hover一级的时候二级出现，但是离开一级，二级肯定消失了，所以，二级要和一级的关系屡好，如何将鼠标在不出一级菜单的情况就能到二级菜单上，建议你使用js写这个效果。

3、容易误导人：IE7 IE8是支持其他元素的hover伪类的，只有IE6不支持，IE6只支持a元素的hover伪类。如果让IE6支持其他元素的hover伪类的确需要用到js。如果你的下拉菜单在IE6下无法显示，估计就是这个问题了。

4、主要的问题是不让二级菜单继承一级菜单的父样式 二级菜单设置单独的样式名，并且调用。

5、/div /li /ul /div 一个盒子里面套一个盒子，在把布局做的美观点就好了。

相关问答

Q1: 竖排导航栏如何设置二级导航栏的展开不影响下面的一级导航

position： relative；然后在二级ul的样式中添加以下属性：position： absolute；top： 100%；left： 0；这会将二级ul的位置相对于一级导航条进行定位，而不是页面的顶部。

鼠标悬停二级导航栏一级导航栏不变色设置：hover样式(鼠标滑过样式)。一条设置鼠标悬停时，导航栏变色，将鼠标移到二级导航栏时，一级导航栏就会恢复原本的颜色.hover前面的a在二级导航栏的li里。

设置一级菜单定位方式为相对定位，然后二级菜单定位方式为绝对定位，同时设置二级菜单的left为0，top为一级菜单的高度值。

~Axure导航栏的展开与收缩制作教程：首先咱们先创建一个矩形，参数设置为长度：256，高度：54，填充颜色：#001529，并去掉该线宽设置为：0，左侧边距：40，点击右键设置选项组并命名：导航栏（参数可根据自身需要设置）。

从0开始算起。//prototype为对象原型，注意这里为对象增加自定义方法的方法。if(n0) //如果n0，则不进行任何操作。

让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了。

Q2: 用css写的二级导航,鼠标移到到一级的时候显示,但是一移开就不显示了...

如果我猜的不错的话，你用的方法是鼠标在一级上时，二级的display设置为block，当鼠标离开一级时display为none。所以当你的鼠标离开一级指向二级时二级隐藏了。

那是flash把你的导航栏遮盖了，我也遇到过，用框架的结果也是这样。如果你调用的导航栏是Html文件，那你改成Ascx文件试下。别告诉我你把导航栏和首页直接写到同一个文件里了。

主要的问题是不让二级菜单继承一级菜单的父样式 二级菜单设置单独的样式名，并且调用。

关于html5导航二级隐藏和显示不出来和html二级导航栏的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。