html - 使用 html/css/javascript 在菜单 li 中添加两个背景

Question

我有这个菜单，我需要向其中添加这样的背景：

http://faraon.al/faraon/hover.jpg

当用户将鼠标悬停在菜单上时，就会出现这种情况。

我的问题是，我可以制作蓝色+黄色的部分，但是那个小半圈我不知道如何插入它。任何帮助，将不胜感激！我是这样使用的：

menu ul li{
    background-image: url(images/bgtop.png), url(images/bg.png);
    background-repeat: repeat-x, repeat;
}

我看到您可以将两个背景添加到一个地方，但它并没有按照我需要的方式工作。

谢谢

Answer 1

试试这个：

menu ul li:hover {
    background-image: url(images/bgtop.png), url(images/bg.png);
    background-repeat: no-repeat;
    background-position: bottom center, top left;
}