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

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

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

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

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

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

76cb191c4e59f25ca17e09fd4398129e

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容