html - 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/