怎样使用伪类元素给导航添加二级菜单
- 2017-04-01 21:44:35
- 3,332 次阅读
- 1
①利用relative给一级菜单中的li标签确定相对位置;
③使用absolute给二级菜单ul标签确定绝对位置并注意图像z-index层叠关系;
④通常情况一级菜单里的li标签做float,使其导航横排,而二级菜单不做浮动,使其竖排;如果菜单使用inline-block元素,li标签就不用做浮动了;
⑤使用display:none隐藏二级菜单中的ul(包括里面的li标签看作一个整体),而显示二级菜单利用伪类元素hover ul与display:block相结合;
⑥其实在对应的一级菜单和二级菜单参数有很多相同的,对照着修改就可以了。
文章评论 (0)