Css 一个活动菜单项有两个背景？

嗨，我有一个动态菜单，其中ul li项的宽度根据CMS（Joomla）中设置的文本而变化。他们希望鼠标悬停的菜单项都有1。重复的背景图像和2。放置在顶部的图像（）

现在，我很擅长在鼠标上重复背景图像，这将非常好，但我不确定如何在一个css声明中获得这两个图像

---

任何帮助都将不胜感激，因为我还没有学会这项技术：（

Firefox3和Webkit浏览器支持多种背景

background: url(image1.png), url(image2.png);
background-repeat: repeat-x, no-repeat;
background-position: top right, 90% 5px;

您还可以尝试使用：after伪类来实现这一点

.menu li {
    position: absolute;
    background: url(image1.png);
}

.menu li:after {
    content: '<img src="image2.png">';
}

.menu li{
位置：绝对位置；
背景：url（image1.png）；
}
李：以后{
内容：''；
}

你可以在这里找到一个很好的例子：

---

Firefox 3和Webkit浏览器支持多种背景

background: url(image1.png), url(image2.png);
background-repeat: repeat-x, no-repeat;
background-position: top right, 90% 5px;

您还可以尝试使用：after伪类来实现这一点

.menu li {
    position: absolute;
    background: url(image1.png);
}

.menu li:after {
    content: '<img src="image2.png">';
}

.menu li{
位置：绝对位置；
背景：url（image1.png）；
}
李：以后{
内容：''；
}

你可以在这里找到一个很好的例子：

---

如果是菜单，相关的标记应该类似于

-这是两个元素，对于两个背景图像来说足够了。

如果是菜单，相关的标记应该类似于

-这是两个元素，对于两个背景图像来说足够了。

Safari和Chrome基于n WebKit.Firefox 3似乎不支持多个背景图像，Opera也不支持。Safari和Chrome基于WebKit。Firefox 3似乎不支持多个背景图像，Opera也不支持。