منوی drop-down که با hover باز می شود.

[arezooafshari]

در کد زیر در قسمتی که در عکس مشخص شده میخوام که یک لیست باز بشه وقتی روش hover میشه



<div class="down-arrow"> <li class="drop-down-menu"> <ul> <li> <a href="#">رزومه من</a> </li> <li> <a href="#">تنظیمات حریم خصوصی</a> </li> <li> <a href="#">تنظیمات پروفایل کاربری</a> </li> <li> <a href="#">مدیریت اعتبار</a> </li> <li> <a href="#">خروج</a> </li> </ul> </li> </div>



.drop-down-menu{
position: relative;
top: 13px;
height: 40px;
}
.drop-down-menu ul{
position: absolute;
width: 194px;
padding: 0px;
top: 0px;
margin: 0px;
height: 175px;
left: -10px;
top: 60px;
background-color: #FFFFFF;
border-radius: 5px;
z-index: 16;
display: none;
}
.drop-down-menu:hover ul{
display: block;
}
.drop-down-menu ul li{
float: none;
list-style: none;
padding-bottom: 6px;
padding-top: 7px;
/* z-index: 10; */
margin: 0px;
padding-right: 10px;
border-bottom: 1px solid #dedede;
}
.drop-down-menu ul li a:hover{
text-decoration: underline;
color: #b3b3b3;
}
.drop-down-menu ul li a{
font-family: B Yekan;
text-decoration: none;
font-size: 13px;
color: #373737;
}

124754

[uthman]

در این لینک (http://hozhan.ir/Article/42/%D8%B3%D8%A7%D8%AE%D8%AA-%DB%8C%DA%A9-%D9%85%D9%86%D9%88%DB%8C-drop-down-%D8%A8%D8%A7-css/) نحوه ساخت و نمونه کد لازم قرار داده شده.