HTML二级导航代码，鼠标放上去后导航栏下面的内容下沉怎么解决

如题所述

举报该问题

推荐答案 2014-11-12

你给整体的导航栏的最外层div 加个样式让他的层高一点z-index:9999;
这样就好了，不过你的这个弹出的这部分也得在这个div 里面啊
希望可以帮到你追问

放了z-index代码没用，弹出的部分不就是还在导航栏DIV里的么

追答

你给这个弹出部分加上相对定位，

给nav{position: relative;z-index:9999;}弹出的部分也得加上定位；给你一个示例网站你可以看看http://www.zihand.com/

用谷歌浏览器，看看他是怎么用的css样式的

温馨提示：答案为网友推荐，仅供参考

当前网址：http://88.wendadaohang.com/zd/McatSVgKcVaSaMagKga.html

第1个回答 2017-11-06

你的二级菜单占据这页面位置，下面的图片就被挤下去

相似回答

html+css,鼠标放在一级导航条时,二级ul正常显示,但是一级导航条整条都...答：您可以尝试在一级导航条的样式中添加以下属性：position: relative;然后在二级ul的样式中添加以下属性：position: absolute;top: 100%;left: 0;这会将二级ul的位置相对于一级导航条进行定位，而不是页面的顶部。同时，由于一级导航条已经设置了相对定位，因此它应该保持不动。

为什么css做的二级导航,当鼠标停留在一级上时候,二级菜单正常显示。当鼠...答：如果我猜的不错的话，你用的方法是鼠标在一级上时，二级的display设置为block，当鼠标离开一级时display为none。所以当你的鼠标离开一级指向二级时二级隐藏了。你可以这样写，当鼠标指向一级节点时，它的二级节点为显示，而其他一级节点的二级节点隐藏；当鼠标离开时不需要做函数处理。下面是我做的一个...

竖排导航栏如何设置二级导航栏的展开不影响下面的一级导航答：以下是一些可能有用的代码段：1. 使用CSS实现您可以在HTML中创建垂直导航栏，然后使用CSS来控制它的显示和隐藏。当用户鼠标悬停在一级导航上时，使用CSS的:hover选择器来显示二级导航。例如，当用户鼠标悬停在“产品”一级导航上时，显示包含产品子选项的二级导航：```/* CSS样式 */.nav { display...

怎么让二级导航向网页左边对齐,鼠标放在导航上面,二级导航的最左边对...答：js方法直接在下面放一个同级盒子，display，即可，css方法则是使子盒子，使用margin-left依次减去前面空出的位置，比如第一个是0px,第二个是-80px，第三个是-160

用css制作横向导航栏当鼠标放在导航栏时下拉菜单不能跟上方导航栏目对...答：visibility:visible; /*js改变样式后显示出来*/ } 你的菜单问题是不兼容IE6，IE6下二级菜单位置向右偏了，而且二级菜单没有横向显示，而是纵向显示了。我把需要修改的地方用css hack写出来了。修改后的兼容IE6/7/8。不过你这菜单本身也不支持firefox，chrome，你可以找个好点的菜单，搜下jquery二级...

网页导航特效:鼠标放上去二级菜单后自动展开,鼠标离开后自动缩回,展...答：background:#eee;} </style> </head> <body> <div class="xx"> <h5 onmouseover="toggle(this.parentNode)" onmouseout="toggle(this.parentNode)">伸缩效果</h5> <div> <p>内容1</p> <p>内容2</p> <p>内容3</p> <p>内容4</p></div> </div> </body> </html> 行不 ...

CSS求一段最简单的鼠标经过显示二级菜单的代码答：。外面的是第一层栏目列表，嵌套的是第二个。首先定义嵌套的ul不显示 .menu ul li ul{ display:none; } 当鼠标划过li的时候下面的ul显示出来 .menu ul li:hover ul{ display:block; } 这样就可以了，但是我们发现显示出来的二级栏目不是我们想要的位置，那么对它进行绝对定位 .menu...

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

大家正在搜

html二级导航栏代码二级导航栏css代码导航栏下拉菜单代码导航栏代码网站首页导航栏代码 html5导航栏代码 web导航栏代码 html底部导航栏代码导航栏怎么设置

为什么css做的二级导航，当鼠标停留在一级上时候，二级菜单正...

网页导航特效：鼠标放上去二级菜单后自动展开，鼠标离开后自动缩...

js导航栏的鼠标放上去后弹出二级子菜单的效果怎么做出来的？？

HTML二级导航出现下拉列表后怎么让一级栏目也有鼠标悬停

纯css制作二级导航菜单时鼠标离开一级菜单后二级菜单会立即消...

html框架左侧导航栏如何实现移动鼠标显示二级菜单

用css写的二级导航，鼠标移到到一级的时候显示，但是一移开就...