记录一下写ul导航条的bug
情景描述
在同时实现二级导航和banner时,banner设置了position这种情况下。banner中的图片会出现层叠在最前面的情况,即遮盖二级菜单。
解决办法
1.给里面的图片也设置绝对定位,参照元素就是整个banner的div。
//设置绝对定位
position:absolute;left:0px;top:0px;
2.同时设置banner的z-index小于nav的z-index。
//设置层叠关系
//有position属性才可以设置
position:relative;z-index: 100;
原理
暂时不清楚,先把解决办法放在这儿。