始终相信
好记性不如赖笔头

amazeui dropdown菜单 鼠标经过显示 不使用JS 纯CSS

.top-nav .am-nav a{display: block;} .top-nav .am-nav > li:hover .am-dropdown-content{display: block;} .top-nav .am-nav .am-dropdown-content{    margin-top:0; }

新top-nav类,添加到最外层即可

演示

http://demo.708034.cn/amazeui/test.html

]]>

赞(0) 打赏
未经允许不得转载:二宝博客 » amazeui dropdown菜单 鼠标经过显示 不使用JS 纯CSS
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏