- 需要定位下拉内容 */ .nav-dropdown { position: relative; display: inline-block; z-index: 100; } /* 下拉内容 (默认隐藏) */ .nav-dropdown-content { display:none; position: absolute; min-width: 130px; padding-top: 10px; } .nav-dropdown-content-left { /*left: -50%;*/ left: 50%; margin-left: -90px; } /* 下拉菜单的链接 */ .nav-dropdown-content a { background-color: #FFF; color: black; padding: 13px 16px; text-decoration: none; display: block; line-height: 25px; text-align: center; margin-right: 1px !important; border-bottom: 1px solid #EEE; } /* 鼠标移上去后修改下拉菜单链接颜色 */ .nav-dropdown-content a:hover { background-color: #E6F1FD; color: #333; } /* 在鼠标移上去后显示下拉菜单 */ .nav-dropdown:hover .nav-dropdown-content { display: block; } /* 当下拉内容显示后修改下拉按钮的背景颜色 */ .nav-dropdown:hover .nav-dropbtn { } .header-dropdown-menu{ color: #666; background: #fff; position: absolute; z-index: 1000; width: 162px; display: none; border: none; border-radius: 2px; -moz-box-shadow: 0px 0px 6px rgba(157, 156, 156, 0.349019607843137); -webkit-box-shadow: 0px 0px 6px rgba(157, 156, 156, 0.349019607843137); box-shadow: 0px 0px 6px rgba(157, 156, 156, 0.349019607843137); } .header-dropdown-menu a { color: black; padding: 3px 16px; text-decoration: none; display: block; line-height: 40px; text-align: left; margin-right: 1px !important; } .header-dropdown-menu a:hover{ color: #01A1EA; background:#E6F1FD ; } .header-dropdown-username:hover .header-dropdown-menu { display: block; }