من میخوام یک DropDown منو تو در تو بسازم تو ساخت منو مشکلی ندارم ولی میخوام بگم زمانی که اومد روی زیر منو hover شد زیر منو مربوط بهش رو نمایش بده و حالت display:block بشود ولی نمی شود نمیدونم چرا خودم حدس میزنم دارم اشتباره Select میکنم اون ناحیه رو تو css ولی هر طوری به ذهنم میرسید Select کردم ولی نمایش نمیده...
/*Main Menu[Horizental menu]*/
#list > li{
display:inline-block
border-right:1px solid
}
.menu{
display:inline-flex
text-decoration:none
color:#000000
justify-content:center
margin-left:27px
margin-right:27px
}
.menu:hover{
color:#00aeff
}
ul{
text-align:center
}
/*first Drop Down Menu Style*/
.DropDown_Arrow{
background-image:url(img/arrow.png)
width:221px
height:70px
position:absolute
margin-top:-10px
display:none
}
.DropDown_Container{
background-color:#e2e7ed
width:221px
height:auto
position:absolute
top:120px
display:none
}
.DropDown_List{
font-family:PT SANS
font-size:12pt
padding:10px 0 15px 10px
text-align:left
}
.DropDown_List:hover{
background-color:#00aeff
cursor:pointer
color:#fff
}
#list > li:hover .DropDown_Arrow,
#list > li:hover .DropDown_Container{
display:block
}
/*Submenu*/
#WDSM{
width:221px
background-color:inherit
position:absolute
left:221px
top:0px
}
#SubMenu li{
font-family:PT SANS
font-size:12pt
padding:10px 0 15px 10px
}
#SubMenu li:hover{
background-color:#00aeff
}
#SubMenu a{
color:#000000
text-decoration:none
display:block
}
#SubMenu{display:none }
/* show SubMenu Under Submenu*/
#list .DropDown_Container > li > #SubMenu{
display:block
}
http://uplod.irz4vkfafemwc8WebSite.rar.htm
اینم لینک کامل قالب