子菜单是不开放的菜单悬停

我试图打开菜单悬停的子菜单，但它不工作，任何一个有想法这是为什么表现成这样？子菜单还显示在一个菜单。和子菜单应在菜单的右侧悬停开放。子菜单是不开放的菜单悬停

下面是我的代码

<ul class="left_menu">   

       <li class="odd"><a href="#">kkk</a> 
        <ul class="smenu"> 
         <li><a href="#">Photoshop</a></li> 
         <li><a href="#">Illustrator</a></li> 
         <li><a href="#">Web Design</a></li> 
        </ul> 
       </li> 

       <li class="even"><a href="#">bbb</a> 
        <ul class="smenu"> 
         <li><a href="#">Photoshop</a></li> 
         <li><a href="#">Illustrator</a></li> 
         <li><a href="#">Web Design</a></li> 
        </ul> 
       </li> 

    </ul>

CSS

ul.left_menu{ 
width:180px; 
padding:0px; 
margin:0px; 
list-style:none; 
} 
ul.left_menu li{ 
margin:0px; 
list-style:none; 

} 
ul.left_menu li.odd a{ 
width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed; 
text-decoration:none;color:#504b4b;padding:0 0 0 14px; line-height:25px; 
} 

ul.left_menu li.odd:hover 
{ 
    display:block; 
    color: #FFB03B; 
} 

ul.left_menu li.even:hover 
{ 
    display:block; 
    color: #FFB03B; 
}

来源

2013-09-25 Java Curious ღ

改变你的CSS这样的：

ul.left_menu{ 
width:180px; 
padding:0px; 
margin:0px; 
list-style:none; 
} 
ul.left_menu li{ 
margin:0px; 
list-style:none; 

} 
ul.left_menu li.odd a{ 
width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed; 
text-decoration:none;color:#504b4b;padding:0; 
line-height:25px; 
} 
.smenu{ 
display:none 
} 
ul.left_menu li.odd:hover .smenu 
{ 
display:block; 
color: #FFB03B; 
} 

ul.left_menu li.even:hover .smenu 
{ 
display:block; 
color: #FFB03B; 
}

来源

2013-09-25 09:56:40

@ Ganesh神Pandhere - 爵士它的工作原理，但问题是，当我将鼠标悬停菜单，它在它的下面打开，而不是在右边和所有CSS样式在子菜单中也应用也很喜欢底部边框虚线为等什么，我必须做的？ –

首先设置子菜单不可见。

ul.left_menu ul { 
    display: none; 
}

然后，而不是：

ul.left_menu li.odd:hover 
{ 
    display:block; 
    color: #FFB03B; 
}

使用：

ul.left_menu li.odd:hover ul 
{ 
    display:block; 
    color: #FFB03B; 
}

来源

2013-09-25 09:57:56 SKeurentjes

Check this JSfiddle demo which i created, may be this will solve your issue.

JSFIDDLE

来源

2013-09-25 11:05:01 Hari

子菜单是不开放的菜单悬停

回答

相关问题