在右侧创建带有半圆的菜单（导航菜单）

Question

我一直在尝试创建菜单（导航菜单），右边有一个半圆圈，就像附加的图像一样。

我已经能够实现半圆但是在悬停时并且当它处于当前状态时它没有正确显示

http://awesomescreenshot.com/0c84cxigbb

Answer 1

您需要使用所需的半圆创建png图像，并将其设置为悬停的背景图像，并将当前的menu_item类设置为

.menu_class ul .current_page_item a:hover, .menu_class ul li a:hover, .menu_class ul .current_page_parent a:hover { background: url("imageloacation") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #ffffff; }