jquery – 使用css在子菜单之前添加三角形

前端之家收集整理的这篇文章主要介绍了jquery – 使用css在子菜单之前添加三角形前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在以下示例 Fiddle添加三角形

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

我尝试添加以下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);
}

更新:

我设法使它在某种程度上工作,但仍然有一些设计问题,任何帮助表示赞赏

最新小提琴http://jsfiddle.net/wPWDm/17/

解决方法

希望这有帮助,我已经注释了你的一些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;
 }

猜你在找的jQuery相关文章