首页 > 编程知识 正文

css二级菜单滑出显示,css二级菜单

时间:2023-05-05 16:53:12 阅读:41615 作者:2302

注意事项:

1 .二次菜单的hover事件必须写在父元素上才能发挥作用

2 .为了防止导航栏下的banner图或内容覆盖辅助菜单,必须定位导航栏以提高辅助菜单的级别

3 .定位后,辅助菜单的宽度不再继承父元素的宽度,必须重新定义。 否则,它将被内容扩展

! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width, initial-scale=1.0 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title document/title style * { margatible } height:30px; line-height:30px; 背景色: yellow; 列表样式: none; 浮点:左; position : relative div { width :100 px; height: 100px; 背景色: red; 显示:无; 位置: absolute; left:0; top:30px; } Li : hover { background-color : yellow } ulli : hover div { display : block }/style/headbodyullliahref='菜单div /li lia href=' '菜单栏一/a div菜单栏二/div /li lia href=' '菜单栏一/a div菜单栏二/div/Li/ul/body/href

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。