CSS或Jquery如何在li元素中間定位圖像？

Question

我想徘徊的時候，所以它看起來像這樣位置的背景圖片：什麼，我想才達到

例子：

我有這樣的綠盒子（png格式）的圖像。我想要在menbu的中間。

我的HTML：

<div id="menu"> 
<ul> 
<li>Some text</li> 
<li>Some text 2</li> 
<li>Some text 3</li> 
</ul> 
</div> 

我的CSS：

/* MENU */ 
#menu {color:#FFFFFF;float: left;font-family: Arial,"Black";font-size: 18px;margin-top: 31px;width: 700px;} 
#menu ul {list-style-type:none;} 
#menu li {float: left;margin-left: 15px;} 

我也只想對當前菜單項的綠盒子和徘徊的菜單項。有沒有一種聰明的方式與JQuery或CSS做到這一點？

Answer 1

如果我理解正確的話，這將做到這一點：

李：懸停{背景圖像：網址（greenbox.png）; background-position：center center;背景重複：無重複;}