子菜單是不開放的菜單懸停

我試圖打開菜單懸停的子菜單，但它不工作，任何一個有想法這是爲什麼表現成這樣？子菜單還顯示在一個菜單。和子菜單應在菜單的右側懸停開放。子菜單是不開放的菜單懸停

下面是我的代碼

<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

子菜單是不開放的菜單懸停

回答

相關問題