CSS菜單對齊問題

Question

我有一個CSS菜單，如圖http://jsfiddle.net/Lijo/vZgTP/15/

在菜單中有一個箭頭標記，如下圖所示：

我可以選擇（高亮顯示）子菜單隻有在箭頭標記正下方拖動鼠標時纔會顯示項目。將鼠標與其他地方向下移動不允許突出顯示兒童（他們只是消失）。

我想達到兩個目的：

1）允許選擇不考慮箭頭標記

2）拆下箭頭標記的孩子[箭頭不該來的（即使我不徘徊）。]

我們該怎麼做？

Answer 1

所以，這裏是你的答案：http://jsfiddle.net/surendraVsingh/vZgTP/21/

取出箭頭標記：只是刪除#cssmenu > ul > li.has-sub > a:before完全

允許

選擇，不論箭頭標記的孩子padding:6px 20px;的#cssmenu > ul > li > a變化

#cssmenu > ul > li > a{ 
outline:none; 
display:block; 
position:relative; 
padding:6px 20px; /*Change This*/ 
font:bold 13px/100% Arial, Helvetica, sans-serif; 
text-align:center; 
text-decoration:none; 
} 

Answer 2

指數性質類似這樣的

#cssmenu > ul > li.has-sub > a:before{ 
z-index:999; 
} 

#cssmenu ul li > ul, #cssmenu ul li > div{ 
z-index:99; 
} 

現場演示http://jsfiddle.net/vZgTP/17/

--- 更新

現在做到這一點在CSS文件

#cssmenu > ul > li.has-sub > a:before{ 
display:none; 
} 
#cssmenu > ul > li.has-sub:hover a:before{ 
display:block; 
} 

現場演示http://jsfiddle.net/vZgTP/19/