css导航栏下拉菜单呗div当上了，css导航下拉效果

如何让css下拉菜单导航栏不被下面的js焦点图片轮换div挡住

在下拉菜单的CSS样式中，使用z-index属性来控制下拉菜单的层级，确保其位于其他页面内容之上，但不会重叠和撑开下面的内容。

设置两个相关标签的z-index；设置z-index值两个标签得是同一级的 还得加上position值。

HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下：1，首先在html中，添加良好的导航内容。2，后者是网页的具体内容，这里的代码比较简单。3，在样式中，首先在菜单中定义一些样式。

其实应该很好解决，之所以下面被遮住是因为 z index只算他的父级 ，你的.nav没有定义position：relitive；z-index：3； 那他里面的子元素再怎么写也不可能比洗面的banner层级大。

因为半透明的层在原来超链接层的上面并且很大，所以用鼠标点击的时候只是点击在了半透明的层上面，并没有点击到超链接层上面。

相关问答

Q1: CSS制作的二级导航下拉菜单撑开DIV图层。怎么解决?

1、下拉菜单要 绝对定位，才不会影响后面的标签。注意：下来菜单的容器标签，需要相对定位，否则绝对定位的下来菜单要在页面里乱跑的。

2、对，.list做绝对定位就可以了。浮动是float，这个效果主要用到的是绝对定位而不是浮动。li做了浮动，float：left； 这样是让各个Li横向显示。容器li设定相对定位，里面的list绝对定位就不会跑偏了。

3、可以用z-index 来控制 .div1{z-index：10；}.div2{z-index：15；} 按照数值的大小，从上往下重叠。 数值小的在下方，数值大的在上方。

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

5、你好 看了下你的代码发现你是用a用的导航，这样当然会出现如果不在a上面就会隐藏二级菜单了，而且你的是a里面套a，这样很不好的。出于HTML标签语义化考虑，一般都是用ul，li来写导航的，我给你个提示，你试着做做。

6、这个最好用js 如果不用的话 先把“电影”的UL放在“更多”的Li里面 然后不要用a：hover{}，要用li：hover{}，这样当你的光标滑到“电影“的时候还是在父级的li之内，”更多“颜色应该就不会恢复。

Q2: html+css做的二级菜单影响到下面的DIV了,求解?

你试一下，我没看到下面的那个div被影响了。

一级菜单css相对定位，不设位移值。二级菜单css绝对定位，设适当的位移值。

我猜不是下边遮住了，而是有overflow：hidden 给 遮蔽了吧？最好上传个代码看看。

新建一个html文件，命名为test.html。在test.html文件内，创建两个div，分别为“第一层”和“第二层”。给两个div设置class属性，分别为“aa” 和“bb”，主要用于下面对两个div进行css样式设置。

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

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

Q3: CSS用hover做下拉菜单,滑上去效果出来了,但是弹出来的下拉菜单还没滑...

1、这个你要加个钩子 就是你要加多一个层，这个层放在菜单的后边，菜单放到这个层上面，当鼠标进入这个层时，将这个层的高变长就可以了当鼠标移出这个层时，这个层的高度回到默认。

2、.dpdct：hover+.dropdown-content {display： block；}不过这样改完，鼠标悬停确实能显示下拉选项，但是只要鼠标移开主菜单下拉选项就会消失。

3、.dropdown 类使用 position：relative， 这将设置下拉菜单的内容放置在下拉按钮 (使用 position：absolute) 的右下角位置。

4、使用hover这个属性，hover就是鼠标经过，先给需要出现的下拉表给个display：none，这样下拉表就看不见了，用上hover以后再在里面给display：block；他就出现了。

5、你必须调用javaScript 函数来实现，因为你这样布局嵌套UL和LI是错的。做下拉菜单本来是一种很简单的布局，直接把CSS写在想要的效果在a：hover{}里面就能实现的，这样基本上省了我上面写的全部代码。

6、定义页面使用的css样式，也是需要在里定义的。

css导航栏下拉菜单呗div当上了的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css导航下拉效果、css导航栏下拉菜单呗div当上了的信息别忘了在本站进行查找喔。