【css】下拉菜单那些事儿

用css做了一个伪静态下拉菜单


有点儿小问题

Q:下拉菜单的二级菜单把下面的图片位置顶歪了，顶到下面或右边去

A:给下面图片的容器的父级添加相对定位 position:relative;
给导航的容器添加绝对定位 position:absolute; 

Q：第一问题解决后，下面图片不挪位是不变了，但盖住了下拉的二级菜单

A：在下面图片的css添加：z-index:-1（菜单的index没设默认为0）

设置 z-index 前提 必须设置 position: absolute 或者 position: relative; 否则 没有效果
下面的 div 设置 z-index:2 上面的div 就设置z-index:3 比下面的高就可以了~~~