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/