怎样使用伪类元素给导航添加二级菜单

  • 2017-04-01 21:44:35
  • 1,720 次阅读
  • 稿源:天马行空

①利用relative给一级菜单中的li标签确定相对位置;

③使用absolute给二级菜单ul标签确定绝对位置并注意图像z-index层叠关系;

④通常情况一级菜单里的li标签做float,使其导航横排,而二级菜单不做浮动,使其竖排;如果菜单使用inline-block元素,li标签就不用做浮动了;

⑤使用display:none隐藏二级菜单中的ul(包括里面的li标签看作一个整体),而显示二级菜单利用伪类元素hover ul与display:block相结合;

⑥其实在对应的一级菜单和二级菜单参数有很多相同的,对照着修改就可以了。

hover

喜欢 1

文章评论 (0)

表情

大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头