HTML+；CSS：如何向水平菜单项添加箭头？

这是菜单栏中没有悬停的项目的外观：

以下是具有悬停效果的示例：

这是我试图添加的箭头：

我当前的CSS公式如下所示：

ul.profile_menu {
    background: url('menu.png') repeat-x;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    
    li {
        display: inline;
        a {
            float: left;
        }
        a:hover {
            background: url('active_item.png') repeat-x;
                    height: 45px;
        }
    }   
}

但是如何在活动项的底部添加箭头

---

提前感谢

您可以纯粹使用CSS本身（没有CSS3特定的东西-与所有浏览器兼容）生成箭头（当前）

---

使用此网站生成箭头所需的CSS:

看看这个：为什么不使用包含该箭头的图像。或者您需要使用CSS3。正如@techfoobar建议的那样。制作一个三角形面向底部的图像，并将其添加为ul的背景；）@techfoobar将其添加为答案@阿斯匹林加齐-完成。：-）不是所有的浏览器都可以使用！它的CSS3:-/But+1用于链接！！：）什么

指针事件：无？那是CSS1/2吗？它在每个浏览器中都适用吗？您检查过了吗？并且只有IE9+、Firefox 3+、Chrome、Safari和Opera 10+支持RGBA颜色值。

指针事件：无。关于RGBA（…）

，这也不是CSS3。但

位置：xyz内部<代码>：在<代码>之后和<代码>：在<代码>之前在CSS3之前不起作用。所以你是对的，它有一些CSS3元素：-）我们可以把它设计成完全兼容CSS2。但是，我们都是这个规格不断变化的世界的新手0)