jquery - 使用CSS在子菜单前添加三 Angular 形

Question

如何将三 Angular 形添加到以下示例 Fiddle

我需要删除带有白色背景的父菜单并显示三 Angular 形以使其看起来更像这样

我尝试添加以下 css，但它不起作用

.dropdown li:first-child > a:after {
{
    content: '';
    position: absolute;
    left: 10px;
    top: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #0A8F36;
    opacity:0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

更新:

我设法让它在一定程度上工作，但仍然存在一些设计问题，感谢任何帮助

最新 fiddle http://jsfiddle.net/wPWDm/17/

Answer 1

希望这对您有所帮助，我已经注释掉了您的一些 css 和 jquery 脚本。另外，在末尾添加了样式，请引用此链接 fiddle

我添加的css如下，

.dropdown ul li:first-child > a:after {
 content: '';
 position: absolute;
 left: 30px;
 top: -8px;
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: 8px solid #028F41;
 }