下拉菜单的理解

原创 2018-10-23 14:30:08 138
摘要:.header_a ul{border: 1px solid #F5F5F5; display: none; border-top: 0px;} .header_a:hover ul{display: block;position: absolute;} .header_a ul
.header_a ul{border: 1px solid #F5F5F5; display: none; border-top: 0px;}
.header_a:hover ul{display: block;position: absolute;}
.header_a ul li{ color: #6c6c6c;height:30px; line-height: 30px;text-align: left;padding: 0 3px; margin: 5px 0}
.header_a ul li:hover{background: #F5F5F5;}

就是hover父元素然后改变子元素的dispalay属性 然后绝对定位一下子元素 子绝父相 

				<a href="" class="header_a">我的淘宝 <i class="fa fa-angle-down"></i>
					<ul>
						<li>已买到的宝贝</li>
						<li>我的足迹</li>
					</ul>
				</a>


发布手记

热门词条