在右側創建帶半圓的菜單（導航菜單）

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