Css 希望将图形添加到活动菜单项

我想在活动菜单项中添加一个勾号，但似乎不知道如何使用当前代码。下面是我试图完成的一个图形（请注意挂在下方（居中）的记号）：

如蒙协助，将不胜感激

您可以在以下位置查看当前网站：

---

在下方元素上方的鼠标上

当前页面项目

更改该..//的背景图像，制作一个具有该颜色的图像，如Callout

//这就像一个psuedo代码，在ie7中不起作用，所以可以使用jquery

li a:hover 

    {
    background-image: url(images/callout.jpg);
    }

---

您的“当前”菜单项应该被分配一个额外的类（如“当前”）。然后您为“当前”类添加一个css规则，该规则在底部显示额外的图形。

感谢您为我指明方向。以下是对我有效的方法：

#headerline {
    overflow: visible;
    border-bottom: 1px solid #2c5e93;
    height: 40px;
}

#menu-main-menu li.current_page_item a{
    color: #014783;
    background-color: #89cefa;
}

#menu-main-menu li.current_page_item {
    height: 50px;
    background-image:url(ski_tick.png);
    background-position:center;
    background-repeat:no-repeat;
}

---

其他答案中提供的背景图像解决方案是解决此问题的最常用方法。也有一种很好的替代方案，因为此特定图形（三角形）可以轻松地用HTML+CSS创建；无需图像、画布、SVG/VML或插件

<div style="
    position:absolute; 
    width:0; 
    right:0; 
    border: 10px solid #fff;
    border-top-color: #000;
    "></div> 

我创建了一个。CSS中的多边形至少早在2001年就被研究过了