html - 创建右侧半圆的菜单(导航菜单)

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; }